.vp-a {
  --vp-ink: #141218;
  --vp-muted: #75717c;
  --vp-line: rgba(20, 18, 24, 0.12);
  --vp-purple: #7553df;
  --vp-coral: #ff6e61;
  --vp-green: #13836c;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f8f7fa;
  color: var(--vp-ink);
  font-family: "Inter", "Geist", sans-serif;
}

.vp-a *, .vp-a *::before, .vp-a *::after { box-sizing: border-box; }
.vp-a button { font: inherit; }
.vp-a small { color: var(--vp-muted); font-family: "Geist Mono", monospace; font-size: clamp(7px, .58vw, 10px); font-weight: 720; letter-spacing: .08em; text-transform: uppercase; }
.vp-a h3, .vp-a h4, .vp-a p { margin: 0; }
.vp-a__chrome {
  display: grid;
  min-height: 46px;
  align-items: center;
  padding: 0 clamp(12px, 1.35vw, 20px);
  border-bottom: 1px solid var(--vp-line);
  background: rgba(255,255,255,.88);
  gap: 12px;
  grid-template-columns: auto auto 1fr auto;
}
.vp-a__lights { display: flex; gap: 5px; }
.vp-a__lights i { width: 7px; height: 7px; border-radius: 50%; }
.vp-a__lights i:nth-child(1) { background: #ff6d63; }
.vp-a__lights i:nth-child(2) { background: #f3c54e; }
.vp-a__lights i:nth-child(3) { background: #55bd82; }
.vp-a__chrome strong { font-size: clamp(10px, .82vw, 13px); }
.vp-a__chrome > span:nth-of-type(2) { color: var(--vp-muted); font-size: clamp(8px, .7vw, 11px); }
.vp-a__chrome > b { padding: 6px 9px; background: var(--vp-ink); color: #fff; border-radius: 999px; font-size: clamp(7px, .6vw, 10px); }

/* ClickCampaigns */
.vp-a--cc-wizard, .vp-a--cc-artifact { background: #f7f5fb; }
.vp-a__wizard { display: grid; height: calc(100% - 46px); min-height: 0; padding: clamp(13px,1.5vw,22px); gap: clamp(10px,1.15vw,18px); grid-template-columns: minmax(120px,.46fr) minmax(0,.9fr) minmax(0,1.25fr); }
.vp-a__wizard nav { display: flex; min-height: 0; flex-direction: column; padding: 9px; background: #171223; border-radius: 15px; color: #a8a1b7; gap: 5px; }
.vp-a__wizard nav span { padding: clamp(7px,.75vw,11px); border-radius: 8px; font-size: clamp(7px,.62vw,10px); }
.vp-a__wizard nav .is-done { color: #8fdaa7; }
.vp-a__wizard nav .is-active { background: #7655e5; color: #fff; font-weight: 700; }
.vp-a__wizard-question { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(14px,1.5vw,22px); border: 1px solid var(--vp-line); background: #fff; border-radius: 15px; }
.vp-a__wizard-question h3 { margin: 8px 0 9px; font-size: clamp(19px,2vw,31px); letter-spacing: -.05em; line-height: 1; }
.vp-a__wizard-question p { color: #686272; font-size: clamp(9px,.78vw,12px); line-height: 1.45; }
.vp-a__wizard-question div { display: flex; flex-wrap: wrap; margin-top: 14px; gap: 5px; }
.vp-a__wizard-question span { padding: 6px 8px; background: #eee9ff; color: #4f36a4; border-radius: 999px; font-size: clamp(7px,.58vw,9px); font-weight: 680; }
.vp-a__wizard-plan { min-width: 0; padding: clamp(13px,1.4vw,20px); border: 1px solid #cfc5f5; background: #fff; border-radius: 15px; }
.vp-a__wizard-plan header { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--vp-line); gap: 10px; }
.vp-a__wizard-plan header strong { display: block; margin-top: 4px; font-size: clamp(13px,1.1vw,17px); }
.vp-a__wizard-plan header em { padding: 5px 7px; background: #e2f8e9; color: #167444; border-radius: 999px; font-size: clamp(6px,.52vw,8px); font-style: normal; font-weight: 700; }
.vp-a__wizard-plan ol { padding: 0; margin: 6px 0 0; list-style: none; }
.vp-a__wizard-plan li { display: grid; align-items: center; padding: clamp(8px,.85vw,12px) 0; border-bottom: 1px solid var(--vp-line); gap: 4px 10px; grid-template-columns: 42px minmax(0,1fr) auto; }
.vp-a__wizard-plan li b { color: #7655e5; font-size: clamp(8px,.66vw,10px); }
.vp-a__wizard-plan li span { overflow: hidden; font-size: clamp(9px,.78vw,12px); font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.vp-a__wizard-plan li i { padding: 4px 6px; background: #f1eff4; border-radius: 6px; color: #726d79; font-size: clamp(6px,.5vw,8px); font-style: normal; }

.vp-a__artifact { display: grid; height: calc(100% - 46px); min-height: 0; grid-template-columns: minmax(115px,.44fr) minmax(0,1.3fr) minmax(145px,.55fr); }
.vp-a__artifact > aside { display: flex; min-width: 0; flex-direction: column; padding: clamp(12px,1.25vw,18px); background: #191426; color: #fff; gap: 6px; }
.vp-a__artifact > aside small { margin-bottom: 7px; color: #aaa3bb; }
.vp-a__artifact > aside button { display: grid; padding: 8px; border: 0; background: transparent; border-radius: 8px; color: #c8c3d2; font-size: clamp(7px,.65vw,10px); text-align: left; gap: 3px; }
.vp-a__artifact > aside button i { color: #7d758a; font-size: .8em; font-style: normal; }
.vp-a__artifact > aside button.is-active { background: #7655e5; color: #fff; }
.vp-a__artifact > aside button.is-active i { color: #e5dcff; }
.vp-a__artifact > main { display: grid; min-width: 0; min-height: 0; padding: clamp(14px,1.5vw,22px); background: #ece9f0; grid-template-rows: auto 1fr; }
.vp-a__artifact > main > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 11px; gap: 10px; }
.vp-a__artifact > main header strong { display: block; max-width: 35ch; margin-top: 4px; font-size: clamp(10px,.92vw,14px); }
.vp-a__artifact > main header span { color: #7655e5; font-size: clamp(7px,.58vw,9px); font-weight: 700; }
.vp-a__artifact > main article { overflow: hidden; padding: clamp(15px,1.7vw,26px); background: #fff; border-radius: 12px; box-shadow: 0 8px 26px rgba(20,18,24,.09); }
.vp-a__artifact > main article h3 { max-width: 18ch; margin: 11px 0; font-size: clamp(18px,1.9vw,30px); letter-spacing: -.05em; line-height: 1; }
.vp-a__artifact > main article p { margin-bottom: 8px; color: #5d5863; font-size: clamp(8px,.7vw,11px); line-height: 1.45; }
.vp-a__artifact-highlight { padding: 8px; border-left: 3px solid #7655e5; background: #f2effc; color: #31245d !important; }
.vp-a__versions { min-width: 0; padding: clamp(12px,1.25vw,18px); background: #fff; border-left: 1px solid var(--vp-line); }
.vp-a__versions header { padding-bottom: 9px; border-bottom: 1px solid var(--vp-line); }
.vp-a__versions header strong { display: block; margin-top: 3px; font-size: clamp(10px,.85vw,13px); }
.vp-a__versions > button { display: grid; width: 100%; padding: 9px 0; border: 0; border-bottom: 1px solid var(--vp-line); background: transparent; text-align: left; gap: 2px 7px; grid-template-columns: 24px 1fr auto; }
.vp-a__versions > button b { grid-row: 1 / 3; color: #7655e5; }
.vp-a__versions > button span, .vp-a__versions time { font-size: clamp(7px,.61vw,9px); }
.vp-a__versions time { color: var(--vp-muted); }
.vp-a__versions > button.is-current { padding-inline: 7px; background: #f1edff; border-radius: 7px; }
.vp-a__versions > div { display: grid; margin-top: 13px; gap: 6px; }
.vp-a__versions > div span { padding: 6px; background: #f3f1f5; border-radius: 6px; font-size: clamp(7px,.6vw,9px); }

/* ClickCampaigns: verified feature tour */
.vp-a--cc-wizard,.vp-a--cc-agents,.vp-a--cc-website,.vp-a--cc-icp { background:#f6f4fa; }

.vp-a__cc-wizard { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr); }
.vp-a__cc-wizard > aside { min-width:0; padding:clamp(12px,1.35vw,20px); border-right:1px solid var(--vp-line); background:#fff; }
.vp-a__cc-wizard > aside h3 { max-width:18ch; margin:5px 0 10px; font-size:clamp(17px,1.7vw,26px); letter-spacing:-.045em; line-height:1; }
.vp-a__cc-picker { display:flex; padding:3px; margin-bottom:9px; background:#efebf5; border-radius:8px; gap:3px; }
.vp-a__cc-picker button { flex:1; padding:6px; border:0; background:transparent; border-radius:6px; color:#766e7f; font-size:clamp(6px,.52vw,8px); font-weight:700; }
.vp-a__cc-picker button.is-active { background:#7653df; color:#fff; box-shadow:0 5px 13px rgba(72,43,148,.18); }
.vp-a__cc-wizard > aside > section { display:grid; gap:5px; }
.vp-a__cc-wizard > aside article { display:grid; min-width:0; align-items:center; padding:7px; border:1px solid #e0d9e8; background:#faf9fb; border-radius:8px; gap:7px; grid-template-columns:28px minmax(0,1fr) auto; }
.vp-a__cc-wizard > aside article.is-selected { border-color:#8668df; background:#eee9ff; }
.vp-a__cc-wizard > aside article > i { display:grid; width:27px; height:27px; background:#e3daf8; color:#5a3caf; border-radius:7px; font-size:6px; font-style:normal; font-weight:800; place-items:center; }
.vp-a__cc-wizard > aside article b,.vp-a__cc-wizard > aside article span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vp-a__cc-wizard > aside article b { font-size:clamp(7px,.63vw,10px); }
.vp-a__cc-wizard > aside article span { margin-top:2px; color:#7b7383; font-size:clamp(6px,.5vw,8px); }
.vp-a__cc-wizard > aside article em { color:#6845c7; font-size:9px; font-style:normal; }
.vp-a__cc-wizard > main { display:grid; min-width:0; min-height:0; padding:clamp(12px,1.35vw,20px); grid-template-rows:auto auto 1fr auto; }
.vp-a__cc-wizard > main > header { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:9px; gap:8px; }
.vp-a__cc-wizard > main > header strong { display:block; margin-top:3px; font-size:clamp(12px,1.05vw,16px); }
.vp-a__cc-wizard > main > header > span { padding:5px 7px; background:#dff5e7; color:#167043; border-radius:999px; font-size:clamp(6px,.5vw,8px); font-weight:700; }
.vp-a__cc-wizard > main > nav { display:grid; padding:8px; background:#1d1728; border-radius:9px; gap:4px; grid-template-columns:repeat(6,1fr); }
.vp-a__cc-wizard > main > nav i { display:grid; min-width:0; color:#90879c; font-size:clamp(6px,.48vw,7px); font-style:normal; text-align:center; gap:3px; }
.vp-a__cc-wizard > main > nav i::before { width:7px; height:7px; margin:auto; background:#4a4254; border-radius:50%; content:""; }
.vp-a__cc-wizard > main > nav i.is-done { color:#b7dcca; }.vp-a__cc-wizard > main > nav i.is-done::before{background:#46b47f}
.vp-a__cc-wizard > main > nav i.is-active { color:#fff; }.vp-a__cc-wizard > main > nav i.is-active::before{background:#9d7cff;box-shadow:0 0 0 3px rgba(157,124,255,.2)}
.vp-a__cc-wizard > main > section { padding:8px 0; overflow:hidden; }
.vp-a__cc-wizard > main > section article { display:grid; align-items:center; padding:7px 0; border-bottom:1px solid var(--vp-line); gap:8px; grid-template-columns:48px minmax(0,1fr) auto; }
.vp-a__cc-wizard > main > section article b { color:#6546bf; font-size:clamp(6px,.54vw,8px); text-transform:uppercase; }
.vp-a__cc-wizard > main > section article span { overflow:hidden; font-size:clamp(7px,.62vw,10px); font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.vp-a__cc-wizard > main > section article em { color:#6e6775; font-size:clamp(6px,.5vw,8px); font-style:normal; }
.vp-a__cc-wizard > main > footer { display:flex; align-items:center; padding-top:8px; border-top:1px solid var(--vp-line); gap:5px; }
.vp-a__cc-wizard > main > footer span { padding:5px 7px; background:#ebe7f1; border-radius:999px; color:#686071; font-size:clamp(5px,.46vw,7px); }
.vp-a__cc-wizard > main > footer button { padding:6px 8px; border:0; margin-left:auto; background:#191421; color:#fff; border-radius:7px; font-size:clamp(6px,.52vw,8px); font-weight:700; }

.vp-a__cc-agents { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(105px,.34fr) minmax(0,1.35fr) minmax(120px,.42fr); }
.vp-a__cc-agents > aside { display:flex; min-width:0; flex-direction:column; padding:clamp(11px,1.15vw,17px); background:#1c1727; color:#fff; }
.vp-a__cc-agents > aside header { padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.12); }
.vp-a__cc-agents > aside header b,.vp-a__cc-agents > aside header span { display:block; }.vp-a__cc-agents > aside header b{font-size:clamp(9px,.78vw,12px)}.vp-a__cc-agents > aside header span{margin-top:2px;color:#a89db4;font-size:clamp(6px,.5vw,8px)}
.vp-a__cc-agents > aside > small { margin:12px 5px 5px; color:#847a91; }
.vp-a__cc-agents > aside button { display:flex; justify-content:space-between; padding:7px; border:0; background:transparent; border-radius:7px; color:#b8afc2; font-size:clamp(6px,.55vw,9px); text-align:left; }
.vp-a__cc-agents > aside button.is-active { background:#7653df; color:#fff; font-weight:700; }
.vp-a__cc-agents > aside button i { font-size:.8em; font-style:normal; opacity:.7; }
.vp-a__cc-agents > aside footer { display:grid; padding:8px; margin-top:auto; background:rgba(255,255,255,.07); border-radius:8px; gap:2px; }
.vp-a__cc-agents > aside footer span,.vp-a__cc-agents > aside footer b{font-size:clamp(6px,.5vw,8px)}.vp-a__cc-agents > aside footer span{color:#a99fb4}
.vp-a__cc-agents > main { display:grid; min-width:0; min-height:0; padding:clamp(11px,1.2vw,18px); background:#f7f5f9; grid-template-rows:auto 1fr auto; }
.vp-a__cc-agents > main > header { display:flex; justify-content:space-between; padding-bottom:9px; border-bottom:1px solid var(--vp-line); }
.vp-a__cc-agents > main > header strong { display:block; margin-top:3px; font-size:clamp(10px,.88vw,14px); }.vp-a__cc-agents > main > header>span{align-self:center;color:#21845a;font-size:clamp(6px,.5vw,8px);font-weight:700}
.vp-a__cc-agents > main > section { min-height:0; overflow:hidden; padding:4px 0; }
.vp-a__cc-agents > main article { display:grid; padding:7px 0; border-bottom:1px solid #e6e0ea; gap:8px; grid-template-columns:30px 1fr; }
.vp-a__cc-agents > main article img,.vp-a__cc-roster img { width:29px; height:29px; object-fit:cover; border:1px solid #d8d0df; border-radius:8px; background:#eee; }
.vp-a__cc-agents > main article b { display:block; font-size:clamp(7px,.62vw,10px); }.vp-a__cc-agents > main article b i{margin-left:4px;color:#7653df;font-size:.75em;font-style:normal;font-weight:600}
.vp-a__cc-agents > main article p { margin-top:3px; color:#5e5865; font-size:clamp(6px,.54vw,8px); line-height:1.35; }
.vp-a__cc-agents > main article time { display:block; margin-top:2px; color:#9a939f; font-size:clamp(5px,.43vw,7px); }
.vp-a__cc-agents > main > footer { display:flex; align-items:center; padding-top:7px; border-top:1px solid var(--vp-line); gap:7px; }
.vp-a__cc-agents > main > footer span { color:#77717b; font-size:clamp(5px,.45vw,7px); }.vp-a__cc-agents > main > footer button{flex:1;padding:6px 8px;border:1px solid #ddd5e4;background:#fff;border-radius:999px;color:#938b9a;font-size:clamp(6px,.5vw,8px);text-align:left}
.vp-a__cc-roster { min-width:0; padding:clamp(11px,1.1vw,16px); border-left:1px solid var(--vp-line); background:#fff; }
.vp-a__cc-roster > article { display:grid; align-items:center; padding:7px 0; border-bottom:1px solid var(--vp-line); gap:6px; grid-template-columns:27px 1fr 6px; }
.vp-a__cc-roster img{width:26px;height:26px}.vp-a__cc-roster article span,.vp-a__cc-roster article b{display:block;font-size:clamp(6px,.5vw,8px)}.vp-a__cc-roster article span{color:#8a838f}.vp-a__cc-roster article b{color:#211b27}.vp-a__cc-roster article>i{width:6px;height:6px;background:#38b879;border-radius:50%}
.vp-a__cc-roster > footer { display:grid; padding-top:10px; gap:2px; }.vp-a__cc-roster>footer b,.vp-a__cc-roster>footer span{font-size:clamp(6px,.5vw,8px)}.vp-a__cc-roster>footer b{color:#6847c7}.vp-a__cc-roster>footer span{color:#807987}

.vp-a__cc-website { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); }
.vp-a__cc-website > aside { min-width:0; padding:clamp(11px,1.2vw,18px); border-right:1px solid var(--vp-line); background:#faf9fb; }
.vp-a__cc-website > aside header h3 { margin:4px 0; font-size:clamp(16px,1.55vw,24px); letter-spacing:-.04em; }.vp-a__cc-website>aside header>span{color:#77707e;font-size:clamp(6px,.53vw,8px)}
.vp-a__cc-website > aside nav { display:flex; margin:9px 0; gap:4px; }.vp-a__cc-website>aside nav button{padding:5px 7px;border:1px solid #ded7e4;background:#fff;border-radius:999px;color:#736c79;font-size:clamp(5px,.46vw,7px)}.vp-a__cc-website>aside nav button.is-active{border-color:#7653df;background:#7653df;color:#fff}
.vp-a__cc-website > aside > section { display:grid; min-height:0; gap:7px; grid-template-columns:repeat(2,1fr); }
.vp-a__cc-website > aside article { position:relative; min-width:0; padding:6px; border:1px solid #e0d9e7; background:#fff; border-radius:9px; }.vp-a__cc-website>aside article.is-selected{border:2px solid #7653df;box-shadow:0 7px 16px rgba(70,43,135,.12)}
.vp-a__cc-theme { display:grid; height:clamp(44px,5.2vw,80px); padding:6px; overflow:hidden; border-radius:6px; gap:3px; grid-template-columns:1.15fr .85fr; grid-template-rows:10px 1fr; }.vp-a__cc-theme i{display:block;border-radius:3px}.vp-a__cc-theme i:first-child{grid-column:1/-1}.vp-a__cc-theme--mono{background:#eceae7}.vp-a__cc-theme--mono i{background:#111}.vp-a__cc-theme--haven{background:#fae8de}.vp-a__cc-theme--haven i{background:#e46b5d}.vp-a__cc-theme--atelier{background:#e1e0e5}.vp-a__cc-theme--atelier i{background:#696973}.vp-a__cc-theme--ledger{background:#dfe7fa}.vp-a__cc-theme--ledger i{background:#5274d7}
.vp-a__cc-website > aside article b,.vp-a__cc-website > aside article span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-a__cc-website>aside article b{margin-top:5px;font-size:clamp(7px,.62vw,10px)}.vp-a__cc-website>aside article span{color:#837c89;font-size:clamp(5px,.46vw,7px)}.vp-a__cc-website>aside article em{position:absolute;top:10px;right:10px;padding:3px 5px;background:#17131d;color:#fff;border-radius:999px;font-size:5px;font-style:normal}
.vp-a__cc-website > main { display:grid; min-width:0; min-height:0; padding:clamp(11px,1.2vw,18px); background:#eeeaf2; grid-template-rows:auto 1fr auto; }
.vp-a__cc-website > main > header { display:flex; justify-content:space-between; padding-bottom:7px; }.vp-a__cc-website>main>header strong{display:block;margin-top:2px;font-size:clamp(9px,.78vw,12px)}.vp-a__cc-website>main>header>span{color:#6f4bcf;font-size:clamp(6px,.5vw,8px);font-weight:700}
.vp-a__cc-site { display:grid; min-height:0; overflow:hidden; border:1px solid #ddd2e8; background:#f9e9de; border-radius:10px; grid-template-rows:auto 1fr auto; box-shadow:0 9px 21px rgba(35,24,44,.1); }
.vp-a__cc-site > nav { display:flex; align-items:center; padding:7px 9px; background:#fff; gap:8px; }.vp-a__cc-site>nav b{margin-right:auto;font-size:clamp(6px,.55vw,9px)}.vp-a__cc-site>nav span{font-size:clamp(5px,.44vw,7px)}.vp-a__cc-site>nav button{padding:4px 6px;border:0;background:#211827;color:#fff;border-radius:999px;font-size:clamp(5px,.43vw,7px)}
.vp-a__cc-site > section { display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(13px,1.5vw,22px); background:linear-gradient(115deg,#f9e9de 0 60%,#d59184 60%); }.vp-a__cc-site>section small{color:#a14e42}.vp-a__cc-site>section h3{max-width:13ch;margin:6px 0;font-size:clamp(17px,1.8vw,28px);letter-spacing:-.05em;line-height:.92}.vp-a__cc-site>section p{max-width:30ch;color:#6c4e49;font-size:clamp(6px,.52vw,8px);line-height:1.35}.vp-a__cc-site>section button{padding:6px 8px;border:0;margin-top:9px;background:#c9584c;color:#fff;border-radius:999px;font-size:clamp(6px,.5vw,8px);font-weight:700}
.vp-a__cc-site > footer { display:flex; padding:6px 9px; background:#fff; gap:10px; }.vp-a__cc-site>footer span{color:#4e805d;font-size:clamp(5px,.45vw,7px);font-weight:700}
.vp-a__cc-website > main > footer { display:flex; align-items:center; padding-top:7px; gap:6px; }.vp-a__cc-website>main>footer>div{display:flex;min-width:0;align-items:center;gap:5px;overflow:hidden}.vp-a__cc-website>main>footer span{padding:4px 5px;background:#fff;border-radius:999px;font-size:clamp(5px,.43vw,7px);white-space:nowrap}.vp-a__cc-website>main>footer button{padding:5px 7px;border:0;margin-left:auto;background:#1c1722;color:#fff;border-radius:6px;font-size:clamp(5px,.47vw,7px);white-space:nowrap}

.vp-a__cc-icp { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(125px,.46fr) minmax(0,1.08fr) minmax(145px,.54fr); }
.vp-a__cc-icp > aside { min-width:0; padding:clamp(11px,1.2vw,18px); background:#21182e; color:#fff; }.vp-a__cc-icp>aside>small{color:#a89bb5}.vp-a__cc-icp>aside>header{display:grid;align-items:center;padding:9px;margin:8px 0 11px;background:#352544;border-radius:9px;gap:7px;grid-template-columns:28px 1fr}.vp-a__cc-icp>aside>header>i{display:grid;width:27px;height:27px;background:#7653df;border-radius:7px;font-size:7px;font-style:normal;place-items:center}.vp-a__cc-icp>aside>header b,.vp-a__cc-icp>aside>header span{display:block;font-size:clamp(6px,.52vw,8px)}.vp-a__cc-icp>aside>header span{margin-top:2px;color:#b6a9c2}
.vp-a__cc-icp > aside > section { display:grid; align-items:center; padding:8px 0; border-top:1px solid rgba(255,255,255,.12); gap:6px; grid-template-columns:20px 1fr; }.vp-a__cc-icp>aside>section>b{display:grid;width:19px;height:19px;background:#463753;border-radius:50%;font-size:6px;place-items:center}.vp-a__cc-icp>aside>section span{font-size:clamp(6px,.52vw,8px)}.vp-a__cc-icp>aside>section em{grid-column:2;color:#83d5aa;font-size:clamp(5px,.44vw,7px);font-style:normal}
.vp-a__cc-icp > main { display:grid; min-width:0; min-height:0; padding:clamp(11px,1.25vw,19px); background:#f8f6fa; grid-template-rows:auto 1fr auto; }.vp-a__cc-icp>main>header{display:flex;justify-content:space-between;padding-bottom:8px}.vp-a__cc-icp>main>header strong{display:block;margin-top:3px;font-size:clamp(10px,.9vw,14px)}.vp-a__cc-icp>main>header>span{color:#7250cc;font-size:clamp(5px,.46vw,7px)}
.vp-a__cc-icp > main > section { display:grid; min-height:0; gap:6px; grid-template-columns:repeat(2,1fr); }.vp-a__cc-icp>main article{position:relative;min-width:0;padding:8px;border:1px solid #ddd5e5;background:#fff;border-radius:9px}.vp-a__cc-icp>main article.is-selected{border:2px solid #7653df;background:#eee9fc}.vp-a__cc-icp>main article>i{display:block;color:#7653df;font-size:clamp(5px,.44vw,7px);font-style:normal;font-weight:800}.vp-a__cc-icp>main article b{display:block;margin:5px 0 3px;font-size:clamp(7px,.63vw,10px)}.vp-a__cc-icp>main article p{color:#746c7b;font-size:clamp(5px,.47vw,7px);line-height:1.3}.vp-a__cc-icp>main article em{position:absolute;right:7px;bottom:7px;padding:3px 5px;background:#7653df;color:#fff;border-radius:999px;font-size:5px;font-style:normal}
.vp-a__cc-icp > main > footer { display:flex; align-items:center; padding-top:8px; gap:6px; }.vp-a__cc-icp>main>footer span{color:#77707e;font-size:clamp(5px,.46vw,7px)}.vp-a__cc-icp>main>footer button{padding:5px 7px;border:0;margin-left:auto;background:#1f1728;color:#fff;border-radius:6px;font-size:clamp(5px,.46vw,7px);white-space:nowrap}
.vp-a__cc-angles { min-width:0; padding:clamp(11px,1.15vw,17px); border-left:1px solid var(--vp-line); background:#fff; }.vp-a__cc-angles>header strong{display:block;margin-top:4px;font-size:clamp(10px,.87vw,13px);line-height:1.05}.vp-a__cc-angles>div{display:grid;margin:11px 0;gap:6px;grid-template-columns:repeat(2,1fr)}.vp-a__cc-angles article{padding:8px;border-radius:8px}.vp-a__cc-angles article b,.vp-a__cc-angles article strong,.vp-a__cc-angles article span{display:block}.vp-a__cc-angles article b{font-size:clamp(6px,.52vw,8px)}.vp-a__cc-angles article strong{margin:4px 0;font-size:clamp(16px,1.5vw,23px)}.vp-a__cc-angles article span{font-size:clamp(5px,.44vw,7px)}.vp-a__cc-angles .is-pain{background:#fde1db;color:#742f24}.vp-a__cc-angles .is-problem{background:#e9dcfb;color:#4b3276}.vp-a__cc-angles .is-path{background:#dcecf9;color:#244a6a}.vp-a__cc-angles .is-prize{background:#dfeec8;color:#36531b}.vp-a__cc-angles>footer{padding-top:9px;border-top:1px solid var(--vp-line)}.vp-a__cc-angles>footer span,.vp-a__cc-angles>footer b{display:block;font-size:clamp(5px,.47vw,7px)}.vp-a__cc-angles>footer span{color:#817a86}.vp-a__cc-angles>footer b{margin-top:3px;color:#6846be}

/* Scale.gg marketplace */
.vp-a--scale-affiliate, .vp-a--scale-vendor, .vp-a--scale-market { background: #f6f4ec; }
.vp-a__affiliate { display: grid; height: calc(100% - 46px); padding: clamp(14px,1.6vw,24px); gap: clamp(15px,1.8vw,28px); grid-template-columns: minmax(150px,.56fr) minmax(0,1.44fr); }
.vp-a__affiliate-offer { display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.vp-a__cover { display: flex; min-height: 155px; flex-direction: column; justify-content: space-between; padding: clamp(16px,1.8vw,27px); margin: 8px 0 11px; background: linear-gradient(145deg,#291944,#7655e5 65%,#f19dd5); border-radius: 16px; color: #fff; box-shadow: 0 16px 30px rgba(60,38,104,.2); }
.vp-a__cover b { font-size: clamp(18px,2.1vw,32px); line-height: .88; }
.vp-a__cover span { font-size: clamp(7px,.62vw,10px); }
.vp-a__affiliate-offer h3 { font-size: clamp(14px,1.4vw,21px); }
.vp-a__affiliate-offer p { margin-top: 4px; color: #36835b; font-size: clamp(8px,.7vw,11px); font-weight: 700; }
.vp-a__affiliate > main { min-width: 0; padding: clamp(15px,1.7vw,25px); background: #fff; border: 1px solid var(--vp-line); border-radius: 17px; }
.vp-a__affiliate > main > header { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--vp-line); }
.vp-a__affiliate > main > header strong { display: block; margin-top: 4px; font-size: clamp(14px,1.4vw,22px); }
.vp-a__affiliate > main > header > span { color: #25835b; font-size: clamp(7px,.6vw,9px); font-weight: 700; }
.vp-a__affiliate label { display: block; margin: 13px 0; color: var(--vp-muted); font-size: clamp(7px,.6vw,9px); }
.vp-a__affiliate label div { display: flex; align-items: center; padding: 7px 7px 7px 10px; margin-top: 5px; border: 1px solid #bcb3d7; background: #f8f6ff; border-radius: 9px; gap: 8px; }
.vp-a__affiliate code { min-width: 0; overflow: hidden; color: #3f315f; font-size: clamp(7px,.63vw,10px); text-overflow: ellipsis; white-space: nowrap; }
.vp-a__affiliate label button { margin-left: auto; border: 0; background: #17131c; color: #fff; border-radius: 6px; font-size: clamp(7px,.58vw,9px); }
.vp-a__promo-assets { display: grid; gap: 7px; grid-template-columns: repeat(3,1fr); }
.vp-a__promo-assets article { display: grid; min-width: 0; padding: clamp(8px,.85vw,12px); border: 1px solid var(--vp-line); border-radius: 10px; gap: 3px; }
.vp-a__promo-assets i { display: grid; width: 25px; height: 25px; background: #e7defe; color: #6847ce; border-radius: 7px; font-size: 8px; font-style: normal; font-weight: 800; place-items: center; }
.vp-a__promo-assets b { margin-top: 5px; font-size: clamp(8px,.68vw,10px); }
.vp-a__promo-assets span { color: #694bd0; font-size: clamp(7px,.57vw,9px); }
.vp-a__affiliate main > footer { display: grid; margin-top: 13px; border-top: 1px solid var(--vp-line); grid-template-columns: repeat(3,1fr); }
.vp-a__affiliate main > footer span { display: grid; padding: 10px 8px 0; border-right: 1px solid var(--vp-line); gap: 3px; }
.vp-a__affiliate main > footer span:last-child { border: 0; }
.vp-a__affiliate main > footer b { font-size: clamp(7px,.62vw,10px); }

.vp-a__vendor { display: grid; height: calc(100% - 46px); min-height: 0; grid-template-columns: minmax(130px,.43fr) minmax(0,1.57fr); }
.vp-a__vendor > aside { padding: clamp(13px,1.4vw,21px); background: #17151c; color: #fff; }
.vp-a__vendor > aside > small { color: #918b99; }
.vp-a__vendor > aside button { display: grid; width: 100%; align-items: center; padding: 8px; border: 0; margin-top: 7px; background: transparent; border-radius: 9px; color: #aaa5ae; text-align: left; gap: 8px; grid-template-columns: 29px 1fr; }
.vp-a__vendor > aside button > i { display: grid; width: 28px; height: 28px; background: #2b2831; border-radius: 7px; font-size: 8px; font-style: normal; place-items: center; }
.vp-a__vendor > aside button span { font-size: clamp(6px,.52vw,8px); }
.vp-a__vendor > aside button b { display: block; color: #fff; font-size: clamp(8px,.68vw,10px); }
.vp-a__vendor > aside button.is-active { background: #6f4fd0; color: #e7dfff; }
.vp-a__vendor > main { min-width: 0; padding: clamp(14px,1.55vw,23px); }
.vp-a__vendor > main > header { display: flex; justify-content: space-between; }
.vp-a__vendor > main h3 { margin-top: 4px; font-size: clamp(18px,1.75vw,27px); letter-spacing: -.04em; }
.vp-a__vendor > main > header button { align-self: center; padding: 6px 9px; border: 1px solid var(--vp-line); background: #fff; border-radius: 7px; font-size: clamp(7px,.58vw,9px); }
.vp-a__sales-path { display: flex; align-items: stretch; margin: clamp(14px,1.6vw,24px) 0; gap: 5px; }
.vp-a__sales-path article { flex: 1; min-width: 0; padding: clamp(9px,1vw,15px); border: 1px solid var(--vp-line); background: #fff; border-radius: 10px; }
.vp-a__sales-path article small { color: #7b58df; }
.vp-a__sales-path b, .vp-a__sales-path span { display: block; }
.vp-a__sales-path b { margin-top: 6px; font-size: clamp(9px,.72vw,11px); }
.vp-a__sales-path span { margin-top: 3px; color: var(--vp-muted); font-size: clamp(6px,.55vw,8px); }
.vp-a__sales-path > i { align-self: center; color: #7353d0; font-style: normal; }
.vp-a__vendor-bottom { display: grid; gap: 10px; grid-template-columns: .9fr 1.1fr; }
.vp-a__vendor-bottom > div { padding: clamp(10px,1.1vw,16px); background: #ece6fb; border-radius: 11px; }
.vp-a__vendor-bottom strong { display: block; margin: 5px 0; font-size: clamp(10px,.85vw,13px); }
.vp-a__vendor-bottom p, .vp-a__vendor-bottom li { color: #686171; font-size: clamp(7px,.6vw,9px); line-height: 1.35; }
.vp-a__vendor-bottom ol { padding: 0; margin: 5px 0 0; list-style: none; }
.vp-a__vendor-bottom li { display: flex; justify-content: space-between; padding: 4px 0; border-top: 1px solid rgba(20,18,24,.08); }

.vp-a__market { height: calc(100% - 46px); padding: clamp(14px,1.6vw,24px); }
.vp-a__market > header { display: grid; align-items: end; gap: 7px 16px; grid-template-columns: 1fr auto; }
.vp-a__market > header small, .vp-a__market > header h3 { grid-column: 1; }
.vp-a__market > header h3 { font-size: clamp(19px,2vw,31px); letter-spacing: -.045em; }
.vp-a__market > header > div { display: flex; grid-row: 1 / 3; grid-column: 2; gap: 4px; }
.vp-a__market > header button { padding: 6px 8px; border: 1px solid var(--vp-line); background: #fff; border-radius: 999px; font-size: clamp(7px,.58vw,9px); }
.vp-a__market > header button.is-active { background: #17151c; color: #fff; }
.vp-a__market > main { display: grid; height: calc(100% - 67px); min-height: 0; padding-top: 14px; gap: 10px; grid-template-columns: 1.12fr .94fr .94fr; }
.vp-a__market article { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--vp-line); background: #fff; border-radius: 14px; grid-template-rows: minmax(75px,.8fr) 1fr; }
.vp-a__market-art { display: grid; background: #eee8df; place-items: center; }
.vp-a__market-art span { display: grid; width: clamp(50px,5vw,75px); height: clamp(50px,5vw,75px); color: #fff; border: 1px solid rgba(255,255,255,.45); border-radius: 20px; box-shadow: 0 15px 25px rgba(20,18,24,.15); font-size: clamp(17px,1.7vw,26px); font-weight: 800; place-items: center; transform: rotate(-5deg); }
.vp-a__market-art--purple { background: linear-gradient(145deg,#e2d4ff,#9272ee); }
.vp-a__market-art--purple span { background: #5431be; }
.vp-a__market-art--coral { background: linear-gradient(145deg,#fbe3da,#f2946d); }
.vp-a__market-art--coral span { background: #c85731; }
.vp-a__market-art--lime { background: linear-gradient(145deg,#eef5cf,#abd059); }
.vp-a__market-art--lime span { background: #567b10; }
.vp-a__market article section { display: flex; min-height: 0; flex-direction: column; padding: clamp(9px,1vw,15px); }
.vp-a__market h4 { margin: 5px 0; font-size: clamp(11px,.95vw,15px); }
.vp-a__market article p { color: var(--vp-muted); font-size: clamp(7px,.6vw,9px); line-height: 1.35; }
.vp-a__market article footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--vp-line); gap: 5px; }
.vp-a__market article footer span { color: #3f7b5b; font-size: clamp(6px,.52vw,8px); font-weight: 680; }
.vp-a__market article footer button { border: 0; background: transparent; color: #5c3bb9; font-size: clamp(7px,.6vw,9px); font-weight: 700; }

/* MailBaser */
.vp-a--mail-broadcast, .vp-a--mail-audience, .vp-a--mail-sequence, .vp-a--mail-automation { background: #f3f7f5; --vp-green:#16856e; }
.vp-a__mail-editor { display: grid; height: calc(100% - 46px); min-height: 0; grid-template-columns: minmax(78px,.25fr) minmax(0,1.25fr) minmax(130px,.45fr); }
.vp-a__mail-editor > aside { display: flex; flex-direction: column; padding: 12px 9px; background: #10372f; color: #fff; gap: 4px; }
.vp-a__mail-editor > aside small { margin: 2px 5px 7px; color: #93b7ac; }
.vp-a__mail-editor > aside button { padding: 8px; border: 0; background: transparent; border-radius: 7px; color: #bed1cc; font-size: clamp(7px,.58vw,9px); text-align: left; }
.vp-a__mail-editor > aside button.is-active { background: #fff; color: #163c34; font-weight: 700; }
.vp-a__mail-editor > aside footer { margin-top: auto; padding: 8px; background: rgba(255,255,255,.08); border-radius: 8px; }
.vp-a__mail-editor > aside footer span, .vp-a__mail-editor > aside footer b { display: block; font-size: clamp(6px,.52vw,8px); }
.vp-a__mail-editor > main { min-width: 0; min-height: 0; overflow: hidden; padding: 10px; background: #e6ebe8; }
.vp-a__mail-editor > main > header { display: grid; padding: 7px 10px; background: #fff; border-radius: 8px 8px 0 0; gap: 3px 8px; grid-template-columns: 48px 1fr; }
.vp-a__mail-editor > main > header span { color: var(--vp-muted); font-size: clamp(6px,.52vw,8px); }
.vp-a__mail-editor > main > header strong, .vp-a__mail-editor > main > header em { font-size: clamp(7px,.62vw,10px); font-style: normal; }
.vp-a__mail-editor > main > article { height: calc(100% - 60px); padding: clamp(12px,1.4vw,21px); background: #fff; text-align: center; }
.vp-a__email-logo { color: #173c34; font-size: clamp(8px,.7vw,11px); font-weight: 800; letter-spacing: .1em; }
.vp-a__mail-editor > main article small { display: block; margin-top: 13px; color: #d65c4f; }
.vp-a__mail-editor > main article h3 { max-width: 18ch; margin: 7px auto; font-size: clamp(16px,1.7vw,27px); letter-spacing: -.045em; line-height: 1; }
.vp-a__mail-editor > main article p { max-width: 41ch; margin: 0 auto 10px; color: #656166; font-size: clamp(7px,.62vw,10px); line-height: 1.4; }
.vp-a__mail-editor > main article button { padding: 7px 10px; border: 0; background: #173c34; color: #fff; border-radius: 6px; font-size: clamp(7px,.58vw,9px); }
.vp-a__send-card { padding: clamp(12px,1.25vw,18px); background: #fff; border-left: 1px solid var(--vp-line); }
.vp-a__send-card h4 { margin: 7px 0 3px; font-size: clamp(11px,.95vw,15px); }
.vp-a__send-card p { color: #248166; font-size: clamp(7px,.58vw,9px); }
.vp-a__send-card > div { padding: 9px 0; margin-top: 9px; border-top: 1px solid var(--vp-line); }
.vp-a__send-card div span, .vp-a__send-card div b { display: block; font-size: clamp(7px,.6vw,9px); }
.vp-a__send-card div span { color: var(--vp-muted); }
.vp-a__send-card footer { padding: 10px; margin-top: 13px; background: #dcf3e9; border-radius: 8px; }
.vp-a__send-card footer strong { display: block; margin-top: 3px; font-size: clamp(8px,.7vw,11px); }

.vp-a__audience { height: calc(100% - 46px); padding: clamp(14px,1.55vw,23px); }
.vp-a__audience > header { display: flex; justify-content: space-between; }
.vp-a__audience > header h3 { margin-top: 4px; font-size: clamp(18px,1.8vw,28px); letter-spacing: -.04em; }
.vp-a__audience > header > span { align-self: center; padding: 5px 8px; background: #dcf3e9; color: #217659; border-radius: 999px; font-size: clamp(7px,.58vw,9px); font-weight: 700; }
.vp-a__filters { display: flex; align-items: center; padding: 10px; margin: 13px 0; border: 1px solid #bad5cb; background: #fff; border-radius: 10px; gap: 7px; }
.vp-a__filters > div { display: flex; align-items: center; padding: 6px 8px; background: #eef7f3; border-radius: 6px; gap: 6px; }
.vp-a__filters > div b, .vp-a__filters > div span, .vp-a__filters > div strong { font-size: clamp(6px,.54vw,8px); }
.vp-a__filters > div span { color: var(--vp-muted); }
.vp-a__filters > div strong { color: #16614f; }
.vp-a__audience > main { overflow: hidden; border: 1px solid var(--vp-line); background: #fff; border-radius: 11px; }
.vp-a__audience > main > div { display: grid; align-items: center; min-height: 43px; padding: 7px 11px; border-top: 1px solid var(--vp-line); gap: 8px; grid-template-columns: 1fr 1.35fr .85fr .62fr; }
.vp-a__audience .vp-a__table-head { min-height: 30px; border: 0; background: #f0f4f2; color: var(--vp-muted); font-size: clamp(6px,.52vw,8px); font-weight: 700; }
.vp-a__audience > main > div > b, .vp-a__audience time, .vp-a__audience em { font-size: clamp(7px,.62vw,10px); font-style: normal; }
.vp-a__audience > main > div > span { display: flex; flex-wrap: wrap; gap: 4px; }
.vp-a__audience > main i { padding: 4px 6px; background: #e9e4fb; color: #5e43ab; border-radius: 999px; font-size: clamp(6px,.5vw,8px); font-style: normal; }
.vp-a__audience time { color: var(--vp-muted); }
.vp-a__audience em { color: #23795e; font-weight: 700; }
.vp-a__audience em.is-muted { color: #9b5960; }

.vp-a__sequence { display: grid; height: calc(100% - 46px); min-height: 0; padding: clamp(13px,1.5vw,22px); gap: clamp(12px,1.3vw,20px); grid-template-columns: minmax(0,1.35fr) minmax(145px,.65fr); }
.vp-a__sequence > header { display: flex; align-items: start; justify-content: space-between; grid-column: 1 / -1; }
.vp-a__sequence > header h3 { margin-top: 4px; font-size: clamp(17px,1.7vw,27px); }
.vp-a__sequence > header > span { padding: 5px 8px; background: #dff3e9; color: #267259; border-radius: 999px; font-size: clamp(7px,.6vw,9px); }
.vp-a__sequence > ol { min-height: 0; overflow: hidden; padding: 0; margin: 0; list-style: none; }
.vp-a__sequence > ol > li:not(.vp-a__delay) { display: grid; align-items: center; padding: 8px 10px; border: 1px solid var(--vp-line); background: #fff; border-radius: 9px; gap: 4px 9px; grid-template-columns: 27px 1fr auto; }
.vp-a__sequence > ol > li > i { display: grid; width: 24px; height: 24px; background: #15846c; color: #fff; border-radius: 7px; font-size: 7px; font-style: normal; place-items: center; }
.vp-a__sequence li div strong, .vp-a__sequence li div span { display: block; }
.vp-a__sequence li div strong { font-size: clamp(8px,.72vw,11px); }
.vp-a__sequence li div span { color: var(--vp-muted); font-size: clamp(6px,.53vw,8px); }
.vp-a__sequence li > em { color: #23795e; font-size: clamp(6px,.52vw,8px); font-style: normal; font-weight: 700; }
.vp-a__delay { height: 23px; padding-left: 21px; border-left: 2px solid #c5ddd4; margin-left: 21px; }
.vp-a__delay span { padding-left: 8px; color: var(--vp-muted); font-size: clamp(6px,.5vw,8px); line-height: 23px; }
.vp-a__sequence > aside { align-self: center; padding: clamp(13px,1.4vw,21px); background: #163c34; border-radius: 14px; color: #fff; }
.vp-a__sequence > aside small { color: #97b8b0; }
.vp-a__sequence > aside strong { display: block; margin: 8px 0; font-size: clamp(14px,1.4vw,22px); line-height: 1; }
.vp-a__sequence > aside p { color: #b8ccc7; font-size: clamp(7px,.6vw,9px); line-height: 1.4; }
.vp-a__sequence > aside div { display: flex; flex-wrap: wrap; margin-top: 14px; gap: 5px; }
.vp-a__sequence > aside span { padding: 5px 6px; background: rgba(255,255,255,.1); border-radius: 999px; font-size: clamp(6px,.5vw,8px); }

.vp-a__automation { display: grid; height: calc(100% - 46px); min-height: 0; padding: clamp(12px,1.4vw,21px); gap: clamp(10px,1.1vw,17px); grid-template-columns: minmax(0,1.35fr) minmax(140px,.55fr); }
.vp-a__automation > header { display: flex; justify-content: space-between; grid-column: 1 / -1; }
.vp-a__automation > header h3 { margin-top: 4px; font-size: clamp(16px,1.6vw,25px); }
.vp-a__automation > header > span { align-self: center; color: #168168; font-size: clamp(7px,.6vw,9px); font-weight: 700; }
.vp-a__automation > main { position: relative; display: flex; min-height: 0; align-items: center; justify-content: center; flex-direction: column; padding: 9px; background: radial-gradient(#d4ded9 1px, transparent 1px); background-size: 14px 14px; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-a__flow-node { position: relative; z-index: 2; display: grid; min-width: 155px; padding: 8px 11px; border: 1px solid #b9d1c8; background: #fff; border-radius: 9px; box-shadow: 0 7px 16px rgba(20,18,24,.07); gap: 2px; }
.vp-a__flow-node b { font-size: clamp(8px,.7vw,11px); }
.vp-a__flow-node span { color: var(--vp-muted); font-size: clamp(6px,.52vw,8px); }
.vp-a__flow-node--trigger { border-color: #55aa8b; }
.vp-a__flow-node--decision { background: #f0ecfc; border-color: #9c86db; }
.vp-a__flow-line { width: 2px; height: 15px; background: #7e9f93; }
.vp-a__flow-branch { display: grid; align-items: center; width: 100%; max-width: 490px; gap: 3px; grid-template-columns: auto 1fr minmax(115px,1fr) 1fr minmax(115px,1fr); }
.vp-a__flow-branch > i { color: #14745e; font-size: 7px; font-style: normal; font-weight: 700; }
.vp-a__flow-branch > span { height: 1px; background: #7e9f93; }
.vp-a__flow-branch .vp-a__flow-node { min-width: 0; }
.vp-a__flow-yes { position: absolute; top: 48%; right: 13px; display: grid; color: #995662; font-size: 7px; gap: 3px; }
.vp-a__flow-yes i { font-style: normal; font-weight: 800; }
.vp-a__automation > aside { align-self: stretch; padding: clamp(11px,1.2vw,18px); background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-a__automation > aside strong { display: block; margin: 5px 0 10px; font-size: clamp(12px,1vw,15px); }
.vp-a__automation > aside ol { padding: 0; margin: 0; list-style: none; }
.vp-a__automation > aside li { display: flex; justify-content: space-between; padding: 8px 0; border-top: 1px solid var(--vp-line); }
.vp-a__automation > aside li b, .vp-a__automation > aside time { font-size: clamp(6px,.56vw,9px); }
.vp-a__automation > aside time { color: var(--vp-muted); }

/* BlogBaser */
.vp-a--blog-research, .vp-a--blog-voice, .vp-a--blog-workflows, .vp-a--blog-local { background:#faf6ee; }
.vp-a__research { display:grid; height:calc(100% - 46px); padding:clamp(13px,1.5vw,22px); gap:clamp(12px,1.4vw,21px); grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr); }
.vp-a__research > aside { padding:clamp(12px,1.3vw,19px); background:#26201a; border-radius:14px; color:#fff; }
.vp-a__research > aside small { color:#b5a99e; }
.vp-a__research > aside article { display:grid; align-items:center; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.12); gap:8px; grid-template-columns:30px 1fr; }
.vp-a__research > aside article i { display:grid; width:28px; height:28px; background:#f2aa6d; color:#482611; border-radius:7px; font-size:7px; font-style:normal; font-weight:800; place-items:center; }
.vp-a__research > aside article b,.vp-a__research > aside article span { display:block; font-size:clamp(7px,.6vw,9px); }
.vp-a__research > aside article span { color:#aaa097; }
.vp-a__research > aside button { width:100%; padding:7px; border:1px solid rgba(255,255,255,.18); margin-top:11px; background:transparent; color:#fff; border-radius:7px; font-size:clamp(7px,.58vw,9px); }
.vp-a__research > main { min-width:0; padding:clamp(13px,1.5vw,22px); background:#fff; border:1px solid #e6d9ca; border-radius:14px; }
.vp-a__research > main > header { display:flex; justify-content:space-between; padding-bottom:11px; border-bottom:1px solid #e8ded2; }
.vp-a__research > main h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__research > main header > span { color:#9a5b28; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__research > main section { padding:clamp(11px,1.2vw,18px) 0; }
.vp-a__research blockquote { max-width:35ch; margin:7px 0 11px; font-family:Georgia,serif; font-size:clamp(13px,1.3vw,20px); font-style:italic; line-height:1.2; }
.vp-a__research section > div { display:flex; flex-wrap:wrap; gap:5px; }
.vp-a__research section > div span { padding:5px 7px; background:#f7eadb; border-radius:999px; color:#754522; font-size:clamp(6px,.52vw,8px); }
.vp-a__research > main > footer { display:flex; align-items:flex-end; justify-content:space-between; padding-top:11px; border-top:1px solid #e8ded2; gap:10px; }
.vp-a__research > main > footer b { display:block; max-width:34ch; margin-top:4px; font-size:clamp(8px,.68vw,10px); }
.vp-a__research > main > footer button { padding:7px 9px; border:0; background:#272019; color:#fff; border-radius:7px; font-size:clamp(7px,.58vw,9px); }

.vp-a__voice { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(13px,1.5vw,22px); gap:clamp(12px,1.4vw,21px); grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr); }
.vp-a__voice > aside { padding:clamp(13px,1.4vw,21px); background:#e9dcff; border-radius:14px; }
.vp-a__voice > aside h3 { margin:6px 0 13px; font-size:clamp(16px,1.6vw,24px); }
.vp-a__voice > aside > div { padding:8px 0; border-top:1px solid rgba(76,53,121,.15); }
.vp-a__voice > aside span,.vp-a__voice > aside b { display:block; font-size:clamp(7px,.62vw,10px); }
.vp-a__voice > aside span { color:#715e91; }
.vp-a__voice > aside footer { padding:8px; margin-top:10px; background:#7250ce; color:#fff; border-radius:8px; font-size:clamp(7px,.6vw,9px); font-weight:700; text-align:center; }
.vp-a__voice > main { display:grid; min-width:0; min-height:0; padding:clamp(13px,1.5vw,22px); background:#fff; border:1px solid #e4d8ca; border-radius:14px; grid-template-rows:auto 1fr auto; }
.vp-a__voice > main > header { display:flex; justify-content:space-between; }
.vp-a__voice > main > header span { color:#7250ce; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__voice > main article { display:flex; flex-direction:column; justify-content:center; }
.vp-a__voice article .is-muted,.vp-a__voice article .is-approved { margin:7px 0 4px; color:#9b8f83; font-family:"Geist Mono",monospace; font-size:clamp(6px,.5vw,8px); font-weight:700; text-transform:uppercase; }
.vp-a__voice article .is-approved { color:#7351cc; }
.vp-a__voice del { color:#a59e97; font-size:clamp(8px,.67vw,10px); line-height:1.35; }
.vp-a__voice article h3 { max-width:28ch; margin:4px 0 8px; font-size:clamp(17px,1.8vw,28px); letter-spacing:-.05em; line-height:1.05; }
.vp-a__voice article > p:last-child { color:#645f5a; font-size:clamp(7px,.62vw,10px); line-height:1.4; }
.vp-a__voice main > footer { display:flex; align-items:center; padding-top:9px; border-top:1px solid #e8ded2; gap:7px; }
.vp-a__voice main > footer span { margin-right:auto; color:#277457; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__voice main > footer button { padding:6px 8px; border:1px solid #d8ccbe; background:#fff; border-radius:6px; font-size:clamp(6px,.54vw,8px); }

.vp-a__editorial { display:grid; height:calc(100% - 46px); padding:clamp(13px,1.5vw,22px); grid-template-rows:auto 1fr auto; }
.vp-a__editorial > header h3 { margin-top:4px; font-size:clamp(19px,1.9vw,29px); letter-spacing:-.04em; }
.vp-a__editorial > main { display:grid; min-height:0; padding:13px 0; gap:9px; grid-template-columns:repeat(3,1fr); }
.vp-a__editorial article { display:flex; min-width:0; flex-direction:column; padding:clamp(11px,1.25vw,18px); border:1px solid #e2d7c9; background:#fff; border-radius:12px; }
.vp-a__editorial article.is-selected { background:#2b201b; border-color:#2b201b; color:#fff; transform:translateY(-4px); box-shadow:0 14px 25px rgba(50,35,25,.18); }
.vp-a__editorial article > i { display:grid; width:27px; height:27px; margin-bottom:10px; background:#f2b47c; color:#4b2b14; border-radius:7px; font-size:7px; font-style:normal; font-weight:800; place-items:center; }
.vp-a__editorial article h4 { margin:6px 0; font-size:clamp(13px,1.2vw,18px); line-height:1.02; }
.vp-a__editorial article p { color:#766d64; font-size:clamp(7px,.6vw,9px); line-height:1.35; }
.vp-a__editorial article.is-selected p { color:#c5bdb7; }
.vp-a__editorial article footer { display:flex; justify-content:space-between; padding-top:8px; margin-top:auto; border-top:1px solid rgba(120,100,80,.18); }
.vp-a__editorial article footer span,.vp-a__editorial article footer b { font-size:clamp(6px,.52vw,8px); }
.vp-a__editorial > footer { display:flex; align-items:center; justify-content:space-between; padding-top:10px; border-top:1px solid #e2d7c9; }
.vp-a__editorial > footer span { max-width:54ch; color:#686058; font-size:clamp(7px,.6vw,9px); }
.vp-a__editorial > footer button { padding:7px 10px; border:0; background:#2b201b; color:#fff; border-radius:7px; font-size:clamp(7px,.58vw,9px); }

.vp-a__local { display:grid; height:calc(100% - 46px); padding:clamp(13px,1.5vw,22px); gap:clamp(12px,1.4vw,21px); grid-template-columns:minmax(150px,.52fr) minmax(0,1.48fr); }
.vp-a__local > aside { padding:clamp(13px,1.35vw,20px); background:#23483f; border-radius:14px; color:#fff; }
.vp-a__local > aside small { color:#9bc0b6; }
.vp-a__local > aside h3 { margin:7px 0 3px; font-size:clamp(16px,1.5vw,23px); }
.vp-a__local > aside > p { color:#b8ccc7; font-size:clamp(7px,.6vw,9px); }
.vp-a__local > aside > div { padding:9px 0; margin-top:8px; border-top:1px solid rgba(255,255,255,.12); }
.vp-a__local > aside span,.vp-a__local > aside b { display:block; font-size:clamp(7px,.6vw,9px); }
.vp-a__local > aside span { color:#9db9b2; }
.vp-a__local > main { min-width:0; padding:clamp(12px,1.4vw,21px); background:#fff; border:1px solid #e5d9c9; border-radius:14px; }
.vp-a__local > main > header { display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #e6ddd1; }
.vp-a__local > main h3 { margin-top:4px; font-size:clamp(15px,1.55vw,24px); }
.vp-a__local > main header > span { color:#277457; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__local > main > section article { display:grid; align-items:center; padding:9px 0; border-bottom:1px solid #e6ddd1; gap:9px; grid-template-columns:31px 1fr; }
.vp-a__local > main > section i { display:grid; width:29px; height:29px; background:#dcefe8; color:#256c58; border-radius:8px; font-size:7px; font-style:normal; font-weight:800; place-items:center; }
.vp-a__local > main article b,.vp-a__local > main article span { display:block; font-size:clamp(7px,.62vw,10px); }
.vp-a__local > main article span { color:#9a5b28; }
.vp-a__local > main > footer { display:grid; margin-top:11px; gap:6px; grid-template-columns:repeat(3,1fr); }
.vp-a__local > main > footer div { padding:8px; background:#f7eee2; border-radius:8px; }
.vp-a__local > main > footer span,.vp-a__local > main > footer b { display:block; font-size:clamp(6px,.54vw,8px); }

/* Courses.gg */
.vp-a--courses-live,.vp-a--courses-achievement { background:#f7f4ea; }
.vp-a__course-live { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(120px,.38fr) minmax(0,1.05fr) minmax(150px,.57fr); }
.vp-a__course-live > aside { display:flex; flex-direction:column; padding:clamp(12px,1.3vw,19px); background:#1b3027; color:#fff; }
.vp-a__course-live > aside small { color:#96aea4; }
.vp-a__course-live > aside > strong { margin:6px 0 13px; font-size:clamp(11px,.95vw,15px); }
.vp-a__course-live > aside ol { padding:0; margin:0; list-style:none; }
.vp-a__course-live > aside li { padding:8px 7px; border-left:2px solid #4d685d; color:#9eb0a9; font-size:clamp(7px,.6vw,9px); }
.vp-a__course-live > aside li.is-done { color:#b6d9c9; }
.vp-a__course-live > aside li.is-active { background:#dceebf; border-color:#a8cf5d; color:#223519; border-radius:0 7px 7px 0; font-weight:700; }
.vp-a__course-live > aside footer { margin-top:auto; color:#9eb0a9; font-size:clamp(7px,.58vw,9px); }
.vp-a__course-live > main { padding:clamp(13px,1.45vw,22px); background:#fff; }
.vp-a__course-live > main h3 { max-width:24ch; margin-top:5px; font-size:clamp(17px,1.7vw,26px); letter-spacing:-.045em; line-height:1.05; }
.vp-a__lesson-video { display:grid; height:clamp(90px,12vh,145px); margin:13px 0 10px; background:linear-gradient(135deg,#2d473c,#83a852); border-radius:12px; color:#fff; place-items:center; }
.vp-a__lesson-video i { display:grid; width:39px; height:39px; background:#fff; color:#304b3f; border-radius:50%; font-style:normal; place-items:center; }
.vp-a__lesson-video span { align-self:end; padding:8px; font-size:clamp(7px,.58vw,9px); }
.vp-a__course-live > main > p { color:#68645d; font-size:clamp(7px,.62vw,10px); line-height:1.4; }
.vp-a__lesson-actions { display:flex; align-items:center; margin-top:10px; gap:9px; }
.vp-a__lesson-actions button { padding:6px 8px; border:0; background:#233d32; color:#fff; border-radius:6px; font-size:clamp(7px,.56vw,9px); }
.vp-a__lesson-actions span { color:#537362; font-size:clamp(7px,.58vw,9px); }
.vp-a__course-live > section { padding:clamp(11px,1.2vw,18px); background:#ece8dc; }
.vp-a__course-live > section article { padding:clamp(10px,1.05vw,15px); background:#fff; border-radius:11px; }
.vp-a__live-session { margin-bottom:9px; }
.vp-a__live-session time { display:block; margin:7px 0 4px; color:#a3542c; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__live-session h4 { font-size:clamp(11px,.95vw,15px); }
.vp-a__live-session p,.vp-a__discussion p { margin-top:5px; color:#6d6861; font-size:clamp(6px,.54vw,8px); }
.vp-a__live-session button { padding:5px 7px; border:0; margin-top:8px; background:#c85e35; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__discussion header { display:flex; justify-content:space-between; }
.vp-a__discussion header span { color:#6f4dc8; font-size:clamp(6px,.5vw,8px); }
.vp-a__discussion > b { display:block; margin-top:7px; font-size:clamp(8px,.7vw,11px); }
.vp-a__discussion p { display:flex; align-items:center; gap:5px; }
.vp-a__discussion p i { display:grid; width:20px; height:20px; background:#d9cdf7; border-radius:50%; color:#4e3498; font-size:6px; font-style:normal; place-items:center; }

.vp-a__achievement { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(13px,1.5vw,22px); gap:clamp(12px,1.4vw,21px); grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.vp-a__quiz-result { display:flex; min-width:0; flex-direction:column; padding:clamp(13px,1.4vw,21px); background:#fff; border:1px solid #ddd6c7; border-radius:14px; }
.vp-a__quiz-result header { display:flex; justify-content:space-between; }
.vp-a__quiz-result header span { color:#777066; font-size:clamp(7px,.58vw,9px); }
.vp-a__quiz-result h3 { margin:10px 0; font-size:clamp(14px,1.4vw,22px); line-height:1.05; }
.vp-a__quiz-result > div { display:grid; gap:6px; }
.vp-a__quiz-result button { padding:8px 10px; border:1px solid #ddd7cc; background:#faf9f6; border-radius:8px; color:#68635d; font-size:clamp(7px,.6vw,9px); text-align:left; }
.vp-a__quiz-result button.is-correct { border-color:#6fa982; background:#e5f4e9; color:#1c6041; font-weight:700; }
.vp-a__quiz-result button i { margin-right:5px; font-style:normal; }
.vp-a__quiz-result footer { display:flex; flex-direction:column; padding-top:10px; margin-top:auto; border-top:1px solid #ddd7cc; }
.vp-a__quiz-result footer strong { color:#267253; font-size:clamp(9px,.75vw,12px); }
.vp-a__quiz-result footer span { margin-top:3px; color:#68635d; font-size:clamp(7px,.58vw,9px); }
.vp-a__achievement > main { display:grid; min-width:0; padding:clamp(12px,1.3vw,19px); background:#233a30; border-radius:14px; grid-template-rows:1fr auto; }
.vp-a__certificate { display:flex; flex-direction:column; justify-content:center; padding:clamp(13px,1.5vw,23px); border:4px double #b7964b; background:#f8f1dd; color:#322616; text-align:center; }
.vp-a__certificate > span { margin-top:7px; font-size:clamp(7px,.6vw,9px); font-weight:800; letter-spacing:.12em; }
.vp-a__certificate h3 { margin:9px 0 3px; font-family:Georgia,serif; font-size:clamp(20px,2.2vw,34px); font-style:italic; }
.vp-a__certificate p { color:#7c6d57; font-size:clamp(7px,.58vw,9px); }
.vp-a__certificate h4 { margin:5px 0 12px; font-size:clamp(10px,.9vw,14px); }
.vp-a__certificate > div { display:flex; justify-content:center; gap:12px; }
.vp-a__certificate > div b,.vp-a__certificate > div time { font-size:clamp(6px,.52vw,8px); }
.vp-a__certificate > div i { width:1px; background:#c9b789; }
.vp-a__achievement > main > footer { display:flex; align-items:center; justify-content:space-between; padding-top:9px; color:#fff; }
.vp-a__achievement > main > footer span { font-size:clamp(7px,.6vw,9px); }
.vp-a__achievement > main > footer button { padding:6px 8px; border:0; background:#ddecbe; color:#253817; border-radius:6px; font-size:clamp(7px,.56vw,9px); }

/* BrandBaser */
.vp-a--brand-kit,.vp-a--brand-review { background:#f5f1fb; }
.vp-a__brandkit { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(13px,1.5vw,22px); gap:clamp(10px,1.2vw,18px); grid-template-columns:minmax(155px,.52fr) 30px minmax(0,1.48fr); }
.vp-a__brandkit > aside { padding:clamp(12px,1.3vw,19px); background:#fff; border:1px solid #d9cfee; border-radius:14px; }
.vp-a__brandkit > aside header { display:flex; align-items:center; gap:9px; }
.vp-a__brandkit > aside header > i { display:grid; width:36px; height:36px; background:#6946ce; color:#fff; border-radius:10px; font-style:normal; font-weight:800; place-items:center; }
.vp-a__brandkit > aside h3 { margin-top:3px; font-size:clamp(14px,1.3vw,20px); }
.vp-a__brandkit > aside section { padding:9px 0; border-top:1px solid #e2daef; }
.vp-a__brandkit > aside section:first-of-type { margin-top:13px; }
.vp-a__brandkit > aside section b,.vp-a__brandkit > aside section span { display:block; font-size:clamp(7px,.6vw,9px); }
.vp-a__brandkit > aside section span { margin-top:2px; color:#7d7488; }
.vp-a__swatches { display:flex; margin:6px 0; gap:5px; }
.vp-a__swatches i { width:18px; height:18px; border-radius:50%; }
.vp-a__swatches i:nth-child(1){background:#6e4dd5}.vp-a__swatches i:nth-child(2){background:#ff7062}.vp-a__swatches i:nth-child(3){background:#f1e7c8}.vp-a__swatches i:nth-child(4){background:#1c1628}
.vp-a__brandkit > aside footer { padding:7px; background:#e3f3e9; color:#267554; border-radius:7px; font-size:clamp(7px,.58vw,9px); font-weight:700; text-align:center; }
.vp-a__brand-arrow { align-self:center; color:#6e4dd5; font-size:clamp(20px,2.4vw,38px); font-style:normal; }
.vp-a__brandkit > main { display:grid; min-width:0; min-height:0; padding:clamp(12px,1.35vw,20px); background:#21172f; border-radius:14px; color:#fff; gap:8px; grid-template-columns:1.25fr .75fr; grid-template-rows:auto 1fr 1fr; }
.vp-a__brandkit > main > header { display:flex; justify-content:space-between; grid-column:1 / -1; }
.vp-a__brandkit > main > header small { color:#a899ba; }
.vp-a__brandkit > main > header strong { color:#d8caef; font-size:clamp(8px,.7vw,11px); }
.vp-a__brand-output { min-width:0; padding:clamp(10px,1.1vw,16px); border-radius:10px; }
.vp-a__brand-output small { color:inherit; opacity:.7; }
.vp-a__brand-output--page { grid-row:2 / 4; background:#f0e6c9; color:#2d1d16; }
.vp-a__brand-output--page h4 { max-width:12ch; margin:11px 0; font-size:clamp(17px,1.8vw,27px); letter-spacing:-.05em; line-height:.96; }
.vp-a__brand-output--page button { padding:6px 8px; border:0; background:#281b39; color:#fff; border-radius:6px; font-size:clamp(6px,.54vw,8px); }
.vp-a__brand-output--email { background:#6e4dd5; }
.vp-a__brand-output--email b { display:block; margin:6px 0; font-size:clamp(8px,.72vw,11px); }
.vp-a__brand-output--email p { color:#e4dcfa; font-size:clamp(7px,.58vw,9px); }
.vp-a__brand-output--ad { background:#f17463; color:#2d130f; }
.vp-a__brand-output--ad b,.vp-a__brand-output--ad span { display:block; }
.vp-a__brand-output--ad b { margin:5px 0; font-size:clamp(10px,.9vw,14px); }
.vp-a__brand-output--ad span { font-size:clamp(6px,.54vw,8px); }

.vp-a__brand-review { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr); }
.vp-a__brand-review > aside { padding:clamp(12px,1.3vw,19px); background:#241934; color:#fff; }
.vp-a__brand-review > aside > small { color:#a89bb8; }
.vp-a__brand-review > aside button { display:grid; width:100%; align-items:center; padding:8px; border:0; margin-top:6px; background:transparent; border-radius:8px; color:#beb6ca; text-align:left; gap:8px; grid-template-columns:24px 1fr; }
.vp-a__brand-review > aside button > i { display:grid; width:22px; height:22px; background:#3a2d4c; border-radius:6px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__brand-review > aside button b,.vp-a__brand-review > aside button span { display:block; font-size:clamp(7px,.6vw,9px); }
.vp-a__brand-review > aside button span { color:#91879d; }
.vp-a__brand-review > aside button.is-active { background:#704ed1; color:#fff; }
.vp-a__brand-review > aside button.is-active span { color:#e0d8f4; }
.vp-a__brand-review > aside button.is-approved i { background:#276b4d; color:#fff; }
.vp-a__brand-review > main { display:grid; min-width:0; padding:clamp(13px,1.5vw,22px); gap:10px; grid-template-columns:1.3fr .7fr; grid-template-rows:auto 1fr auto; }
.vp-a__brand-review > main > header { display:flex; justify-content:space-between; grid-column:1 / -1; }
.vp-a__brand-review > main h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__brand-review > main > header > span { color:#7654d4; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__brand-review > main > article { display:flex; flex-direction:column; justify-content:center; padding:clamp(13px,1.5vw,22px); background:#fff; border:1px solid #ded4eb; border-radius:12px; }
.vp-a__brand-review article del { color:#9b939e; font-size:clamp(8px,.68vw,10px); }
.vp-a__brand-review article p { margin:12px 0; font-size:clamp(16px,1.65vw,25px); font-weight:700; letter-spacing:-.04em; line-height:1.05; }
.vp-a__brand-review article > div { display:flex; justify-content:space-between; color:#7b7380; font-size:clamp(6px,.52vw,8px); }
.vp-a__brand-review > main > section { padding:clamp(12px,1.25vw,19px); background:#eee8f9; border-radius:12px; }
.vp-a__brand-review > main > section label { display:flex; align-items:center; padding:8px 0; border-top:1px solid #d7cce8; font-size:clamp(7px,.6vw,9px); gap:6px; }
.vp-a__brand-review > main > footer { display:flex; justify-content:flex-end; grid-column:1 / -1; gap:7px; }
.vp-a__brand-review > main > footer button { padding:7px 9px; border:1px solid #cabedf; background:#fff; border-radius:7px; font-size:clamp(7px,.58vw,9px); }
.vp-a__brand-review > main > footer button.is-primary { border-color:#6e4dd5; background:#6e4dd5; color:#fff; }

/* MyStore */
.vp-a--storefront,.vp-a--store-catalog,.vp-a--store-order,.vp-a--store-recovery { background:#f6f1e9; }
.vp-a__storefront { height:calc(100% - 46px); overflow:hidden; background:#f8f2e8; }
.vp-a__storefront > header { display:flex; align-items:center; justify-content:space-between; min-height:40px; padding:0 clamp(13px,1.5vw,22px); border-bottom:1px solid #ded4c7; }
.vp-a__storefront > header b { font-family:Georgia,serif; font-size:clamp(10px,.9vw,14px); letter-spacing:.08em; }
.vp-a__storefront > header nav { display:flex; gap:15px; }
.vp-a__storefront > header span,.vp-a__storefront > header i { font-size:clamp(7px,.58vw,9px); font-style:normal; }
.vp-a__storefront > main { display:grid; height:55%; grid-template-columns:1fr 1fr; }
.vp-a__storefront > main > section { display:flex; flex-direction:column; justify-content:center; padding:clamp(17px,2vw,30px); }
.vp-a__storefront > main h3 { max-width:16ch; margin:8px 0 12px; font-family:Georgia,serif; font-size:clamp(20px,2.3vw,36px); line-height:.95; }
.vp-a__storefront > main button { align-self:flex-start; padding:7px 10px; border:0; background:#1f1a16; color:#fff; border-radius:999px; font-size:clamp(7px,.58vw,9px); }
.vp-a__store-hero-art { position:relative; display:grid; margin:13px; overflow:hidden; background:linear-gradient(145deg,#e48a69,#c85d50); border-radius:14px; color:#fff; place-items:center; }
.vp-a__store-hero-art span { z-index:2; font-family:Georgia,serif; font-size:clamp(23px,3vw,46px); font-style:italic; line-height:.8; text-align:center; transform:rotate(-7deg); }
.vp-a__store-hero-art i { position:absolute; width:55%; aspect-ratio:1; border:2px solid rgba(255,255,255,.42); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 44px rgba(255,255,255,.05); }
.vp-a__storefront > footer { display:grid; height:calc(45% - 40px); padding:11px clamp(13px,1.5vw,22px); gap:10px; grid-template-columns:repeat(3,1fr); }
.vp-a__storefront > footer article { display:grid; min-width:0; gap:3px; grid-template-columns:46px 1fr; grid-template-rows:auto auto; }
.vp-a__storefront > footer article > div { width:42px; height:42px; grid-row:1 / 3; border-radius:8px; }
.vp-a__storefront > footer .is-coral { background:#f07465; }.vp-a__storefront > footer .is-lilac { background:#9c81e7;}.vp-a__storefront > footer .is-lime { background:#b6d46d;}
.vp-a__storefront > footer b,.vp-a__storefront > footer span { overflow:hidden; font-size:clamp(7px,.6vw,9px); text-overflow:ellipsis; white-space:nowrap; }
.vp-a__storefront > footer span { color:#7d756c; }

.vp-a__catalog { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(125px,.38fr) minmax(0,1.62fr); }
.vp-a__catalog > aside { padding:clamp(12px,1.3vw,19px); background:#24201b; color:#fff; }
.vp-a__catalog > aside small { color:#a69e95; }
.vp-a__catalog > aside button { display:flex; width:100%; justify-content:space-between; padding:7px 8px; border:0; margin-top:4px; background:transparent; border-radius:7px; color:#bdb6ae; font-size:clamp(7px,.6vw,9px); text-align:left; }
.vp-a__catalog > aside button.is-active { background:#f1e7ca; color:#2e261e; font-weight:700; }
.vp-a__catalog > aside hr { border:0; border-top:1px solid rgba(255,255,255,.12); margin:12px 0; }
.vp-a__catalog > main { display:grid; min-width:0; padding:clamp(13px,1.5vw,22px); grid-template-rows:auto 1fr auto; }
.vp-a__catalog > main > header { display:flex; justify-content:space-between; }
.vp-a__catalog > main h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__catalog > main > header > span { color:#6d675f; font-size:clamp(7px,.58vw,9px); }
.vp-a__catalog > main > section { display:grid; min-height:0; padding:12px 0; gap:8px; grid-template-columns:repeat(3,1fr); }
.vp-a__catalog > main article { display:flex; min-width:0; flex-direction:column; padding:9px; border:1px solid #ddd4c9; background:#fff; border-radius:10px; }
.vp-a__catalog > main article > div { display:grid; min-height:73px; border-radius:8px; color:#fff; place-items:center; }
.vp-a__catalog article .is-purple{background:linear-gradient(135deg,#463074,#9c81e7)}.vp-a__catalog article .is-coral{background:linear-gradient(135deg,#9f493c,#ef846d)}.vp-a__catalog article .is-lime{background:linear-gradient(135deg,#51622e,#abc965)}
.vp-a__catalog > main article h4 { margin:7px 0 2px; font-size:clamp(8px,.68vw,10px); }
.vp-a__catalog > main article p { color:#7f776e; font-size:clamp(6px,.52vw,8px); }
.vp-a__catalog > main article footer { display:flex; justify-content:space-between; padding-top:7px; margin-top:auto; border-top:1px solid #e5ddd4; }
.vp-a__catalog > main article footer span,.vp-a__catalog > main article footer button { border:0; background:transparent; color:#5c7740; font-size:clamp(6px,.5vw,8px); }
.vp-a__catalog > main > footer { display:grid; align-items:center; padding:9px 11px; background:#ece1c2; border-radius:9px; gap:3px 8px; grid-template-columns:1fr auto; }
.vp-a__catalog > main > footer span,.vp-a__catalog > main > footer b { font-size:clamp(7px,.6vw,9px); }
.vp-a__catalog > main > footer button { grid-row:1 / 3; grid-column:2; padding:6px 8px; border:0; background:#29221b; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }

.vp-a__order { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(12px,1.4vw,21px); gap:14px; grid-template-columns:minmax(170px,.75fr) 28px minmax(0,1.1fr); }
.vp-a__checkout { padding:clamp(12px,1.3vw,19px); background:#fff; border:1px solid #ddd4c9; border-radius:13px; }
.vp-a__checkout > header { display:flex; justify-content:space-between; padding-bottom:9px; border-bottom:1px solid #e3dcd3; }
.vp-a__checkout > header b,.vp-a__checkout > header span { font-size:clamp(7px,.58vw,9px); }
.vp-a__checkout h3 { margin:10px 0; font-size:clamp(15px,1.45vw,22px); }
.vp-a__checkout label { display:flex; justify-content:space-between; padding:7px; margin-top:5px; background:#f6f3ef; border-radius:6px; color:#7c746b; font-size:clamp(6px,.52vw,8px); }
.vp-a__checkout label strong { color:#332b24; font-size:inherit; }
.vp-a__checkout article { display:grid; align-items:center; padding:10px 0; gap:8px; grid-template-columns:31px 1fr; }
.vp-a__checkout article > div { display:grid; width:29px; height:29px; background:#7654d4; color:#fff; border-radius:7px; font-size:7px; place-items:center; }
.vp-a__checkout article b,.vp-a__checkout article span { display:block; font-size:clamp(7px,.58vw,9px); }
.vp-a__checkout article span { color:#7e756c; }
.vp-a__checkout > aside { display:flex; justify-content:space-between; padding:8px 0; border-top:1px solid #e3dcd3; }
.vp-a__checkout > aside span,.vp-a__checkout > aside strong { font-size:clamp(8px,.68vw,10px); }
.vp-a__checkout > button { width:100%; padding:8px; border:0; background:#26201b; color:#fff; border-radius:7px; font-size:clamp(7px,.58vw,9px); }
.vp-a__order-arrow { align-self:center; color:#ba603b; font-size:clamp(19px,2vw,31px); font-style:normal; }
.vp-a__order > main { min-width:0; padding:clamp(12px,1.3vw,19px); background:#26201b; border-radius:13px; color:#fff; }
.vp-a__order > main > header { display:flex; justify-content:space-between; }
.vp-a__order > main header small { color:#a59b91; }
.vp-a__order > main h3 { margin-top:4px; font-size:clamp(15px,1.4vw,22px); }
.vp-a__order > main header > span { color:#77d39c; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__order > main > section { display:grid; margin:12px 0; gap:6px; grid-template-columns:repeat(3,1fr); }
.vp-a__order > main > section > div { padding:8px; background:rgba(255,255,255,.07); border-radius:7px; }
.vp-a__order > main > section b { display:block; margin-top:3px; font-size:clamp(7px,.58vw,9px); }
.vp-a__order > main ol { padding:0; margin:0; list-style:none; }
.vp-a__order > main li { display:grid; padding:8px 0; border-top:1px solid rgba(255,255,255,.12); gap:8px; grid-template-columns:10px 1fr; }
.vp-a__order > main li > i { width:7px; height:7px; margin-top:3px; background:#79d49d; border-radius:50%; }
.vp-a__order > main li b,.vp-a__order > main li time { display:block; font-size:clamp(7px,.58vw,9px); }
.vp-a__order > main li time { color:#9d958c; }

.vp-a__recovery { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(12px,1.4vw,21px); gap:clamp(12px,1.4vw,21px); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.vp-a__recovery > aside { padding:clamp(12px,1.3vw,19px); background:#fff; border:1px solid #ddd4c9; border-radius:13px; }
.vp-a__recovery > aside > header,.vp-a__recovery > main > header { display:flex; justify-content:space-between; }
.vp-a__recovery > aside > header span { color:#2d7b59; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__recovery-person { display:flex; align-items:center; padding:9px 0; gap:8px; }
.vp-a__recovery-person > i { display:grid; width:30px; height:30px; background:#e5d9f7; color:#6245ac; border-radius:50%; font-size:7px; font-style:normal; place-items:center; }
.vp-a__recovery-person b,.vp-a__recovery-person span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__recovery-person span{color:#7b736b}
.vp-a__recovery > aside > section { padding:clamp(11px,1.15vw,17px); background:#f0e3c9; border-radius:9px; }
.vp-a__recovery > aside section h3 { margin:7px 0 5px; font-size:clamp(15px,1.5vw,23px); line-height:1; }
.vp-a__recovery > aside section p { color:#70655b; font-size:clamp(7px,.58vw,9px); }
.vp-a__recovery > aside section button { padding:6px 8px; border:0; margin-top:9px; background:#2c251e; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__recovery > aside > footer { display:flex; align-items:center; padding-top:10px; gap:7px; }
.vp-a__recovery > aside > footer i { display:grid; width:20px; height:20px; background:#dff0e5; color:#277856; border-radius:50%; font-size:8px; font-style:normal; place-items:center; }
.vp-a__recovery > aside > footer b,.vp-a__recovery > aside > footer span { display:block; font-size:clamp(7px,.58vw,9px); }
.vp-a__recovery > main { min-width:0; padding:clamp(12px,1.3vw,19px); background:#29231d; border-radius:13px; color:#fff; }
.vp-a__recovery > main header small { color:#a99f95; }
.vp-a__recovery > main h3 { margin-top:4px; font-size:clamp(15px,1.5vw,23px); }
.vp-a__recovery > main header > span { color:#f4c172; font-size:clamp(7px,.58vw,9px); }
.vp-a__recovery > main ol { padding:10px 0 0; margin:0; list-style:none; }
.vp-a__recovery > main li { display:grid; align-items:center; padding:9px 0; border-top:1px solid rgba(255,255,255,.12); gap:8px; grid-template-columns:27px 1fr; }
.vp-a__recovery > main li > i { display:grid; width:24px; height:24px; border:1px solid #81786e; border-radius:50%; color:#a9a096; font-size:7px; font-style:normal; place-items:center; }
.vp-a__recovery > main li.is-done i { background:#2b7455; border-color:#2b7455; color:#fff; }
.vp-a__recovery > main li.is-active i { background:#d68a49; border-color:#d68a49; color:#2c1a0e; }
.vp-a__recovery > main li b,.vp-a__recovery > main li span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__recovery > main li span{color:#9f978f}
.vp-a__recovery > main > footer { padding-top:8px; border-top:1px solid rgba(255,255,255,.12); color:#bcb4ad; font-size:clamp(7px,.58vw,9px); }

/* FunnelMapper */
.vp-a--funnel-sim,.vp-a--funnel-template,.vp-a--funnel-handoff { background:#f6f8f5; }
.vp-a__funnel-sim { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(145px,.42fr) minmax(0,1.58fr); }
.vp-a__funnel-sim > aside { padding:clamp(12px,1.3vw,19px); background:#172319; color:#fff; }
.vp-a__funnel-sim > aside small { color:#a0b0a3; }
.vp-a__funnel-sim > aside label { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); color:#aeb9b0; font-size:clamp(7px,.6vw,9px); }
.vp-a__funnel-sim > aside label b { color:#fff; }
.vp-a__funnel-sim > aside footer { padding:8px; margin-top:11px; background:rgba(255,255,255,.08); border-radius:7px; font-size:clamp(6px,.52vw,8px); }
.vp-a__funnel-sim > main { min-width:0; padding:clamp(13px,1.5vw,22px); }
.vp-a__funnel-path { display:flex; align-items:center; gap:6px; }
.vp-a__funnel-path article { flex:1; min-width:0; padding:clamp(9px,1vw,15px); border:1px solid #ced8cd; background:#fff; border-radius:10px; box-shadow:0 8px 18px rgba(30,45,30,.07); }
.vp-a__funnel-path article b,.vp-a__funnel-path article span { display:block; }.vp-a__funnel-path article b{margin:5px 0 2px;font-size:clamp(9px,.72vw,11px)}.vp-a__funnel-path article span{color:#758075;font-size:clamp(6px,.52vw,8px)}
.vp-a__funnel-path > i { color:#6c8e6d; font-size:clamp(7px,.6vw,9px); font-style:normal; font-weight:700; }
.vp-a__funnel-sim > main > section { padding:clamp(12px,1.3vw,19px); margin-top:15px; background:#e4eddf; border-radius:12px; }
.vp-a__funnel-sim > main > section header { display:flex; justify-content:space-between; }
.vp-a__funnel-sim > main > section header span { color:#527052; font-size:clamp(7px,.58vw,9px); }
.vp-a__funnel-sim > main > section > div { display:grid; padding:11px 0; gap:7px; grid-template-columns:repeat(3,1fr); }
.vp-a__funnel-sim > main > section article { padding:9px; background:#fff; border-radius:8px; }
.vp-a__funnel-sim > main > section strong { display:block; margin-top:5px; font-size:clamp(13px,1.2vw,18px); }
.vp-a__funnel-sim > main > section footer { color:#547054; font-size:clamp(7px,.58vw,9px); }

.vp-a__template-map { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr); }
.vp-a__template-map > aside { display:grid; min-height:0; padding:clamp(12px,1.3vw,19px); background:#eef2eb; grid-template-rows:auto 1fr auto; }
.vp-a__template-map > aside h3 { max-width:22ch; margin-top:4px; font-size:clamp(15px,1.5vw,23px); }
.vp-a__template-map > aside > section { display:grid; min-height:0; padding:10px 0; gap:7px; grid-template-columns:repeat(2,1fr); }
.vp-a__template-map > aside article { padding:8px; border:1px solid #d3dbd0; background:#fff; border-radius:9px; }
.vp-a__template-map > aside article.is-selected { border:2px solid #648766; }
.vp-a__template-map > aside article > div { display:flex; height:37px; align-items:center; justify-content:center; background:#f2f4f1; border-radius:6px; gap:4px; }
.vp-a__template-map > aside article > div i { width:16px; height:12px; background:#96b297; border-radius:3px; }
.vp-a__template-map > aside article b,.vp-a__template-map > aside article span { display:block; margin-top:5px; font-size:clamp(6px,.54vw,8px); }.vp-a__template-map > aside article span{color:#788078}
.vp-a__template-map > aside article.is-blank > div { color:#6c806d; font-size:20px; }
.vp-a__template-map > aside > footer { display:flex; align-items:center; justify-content:space-between; }
.vp-a__template-map > aside > footer span { color:#697269; font-size:clamp(7px,.58vw,9px); }
.vp-a__template-map > aside > footer button { padding:6px 8px; border:0; background:#243127; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__template-map > main { min-width:0; padding:clamp(12px,1.3vw,19px); background:#fff; }
.vp-a__template-map > main > header { display:flex; justify-content:space-between; }
.vp-a__template-map > main h3 { margin-top:4px; font-size:clamp(15px,1.5vw,23px); }
.vp-a__template-map > main header > span { color:#617b62; font-size:clamp(7px,.58vw,9px); }
.vp-a__map-canvas { position:relative; height:calc(100% - 45px); margin-top:10px; background:radial-gradient(#cdd7cb 1px,transparent 1px); background-size:13px 13px; border:1px solid #dce3da; border-radius:9px; }
.vp-a__map-canvas article { position:absolute; z-index:2; width:25%; padding:8px; border:1px solid #b9c9b7; background:#fff; border-radius:8px; box-shadow:0 5px 10px rgba(30,45,30,.08); }
.vp-a__map-canvas article small,.vp-a__map-canvas article b { display:block; }.vp-a__map-canvas article b{margin-top:4px;font-size:clamp(7px,.6vw,9px)}
.vp-a__map-canvas .is-traffic{top:17%;left:5%}.vp-a__map-canvas .is-page{top:17%;left:38%}.vp-a__map-canvas .is-offer{top:17%;right:4%}.vp-a__map-canvas .is-email{bottom:8%;left:38%}
.vp-a__map-canvas .line { position:absolute; z-index:1; height:2px; background:#779276; }.vp-a__map-canvas .line-a{top:30%;left:30%;width:8%}.vp-a__map-canvas .line-b{top:30%;left:63%;width:8%}.vp-a__map-canvas .line-c{top:46%;left:50%;width:2px;height:28%}
.vp-a__map-canvas > button { position:absolute; right:8px; bottom:8px; padding:6px 8px; border:1px solid #c5d2c3; background:#fff; border-radius:6px; color:#466047; font-size:clamp(6px,.52vw,8px); }

.vp-a__handoff { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(12px,1.4vw,21px); gap:clamp(13px,1.5vw,23px); grid-template-columns:minmax(180px,.78fr) minmax(0,1.22fr); }
.vp-a__pdf { display:grid; min-height:0; padding:clamp(13px,1.4vw,21px); background:#fff; border:1px solid #d1d9cf; box-shadow:0 16px 28px rgba(30,45,30,.12); grid-template-rows:auto auto 1fr auto; transform:rotate(-1.5deg); }
.vp-a__pdf > header { display:flex; justify-content:space-between; padding-bottom:8px; border-bottom:2px solid #233126; }
.vp-a__pdf > header b,.vp-a__pdf > header span { font-size:clamp(6px,.54vw,8px); }
.vp-a__pdf > h3 { margin:10px 0; font-size:clamp(16px,1.6vw,25px); }
.vp-a__pdf-map { display:grid; align-items:center; gap:5px; grid-template-columns:1fr auto 1fr auto 1fr; }
.vp-a__pdf-map article { padding:9px 6px; border:1px solid #aebdac; border-radius:7px; font-size:clamp(7px,.58vw,9px); text-align:center; }
.vp-a__pdf-map span { height:25px; border-left:1px solid #7c937b; grid-column:3; justify-self:center; }
.vp-a__pdf > footer { display:flex; justify-content:space-between; padding-top:8px; border-top:1px solid #d3dbd1; }
.vp-a__pdf > footer span,.vp-a__pdf > footer b { font-size:clamp(6px,.5vw,8px); }
.vp-a__pdf > footer b { color:#a34b40; }
.vp-a__handoff > main { min-width:0; padding:clamp(13px,1.4vw,21px); background:#1f2d22; border-radius:13px; color:#fff; }
.vp-a__handoff > main header small { color:#9bb09f; }
.vp-a__handoff > main h3 { margin:5px 0 10px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__handoff-person { display:grid; align-items:center; padding:8px 0; border-top:1px solid rgba(255,255,255,.12); gap:8px; grid-template-columns:28px 1fr auto; }
.vp-a__handoff-person > i { display:grid; width:26px; height:26px; background:#6e8e6f; border-radius:50%; font-size:7px; font-style:normal; place-items:center; }
.vp-a__handoff-person b,.vp-a__handoff-person span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__handoff-person span{color:#b3c1b6}.vp-a__handoff-person em{color:#94d7a9;font-size:clamp(6px,.5vw,8px);font-style:normal}
.vp-a__handoff > main > section { padding:10px; margin-top:10px; background:rgba(255,255,255,.08); border-radius:8px; }
.vp-a__handoff > main > section p { margin:5px 0; color:#d8e0d9; font-size:clamp(8px,.68vw,10px); }
.vp-a__handoff > main > section span { color:#99b09e; font-size:clamp(6px,.52vw,8px); }
.vp-a__handoff > main > footer { display:flex; justify-content:flex-end; margin-top:10px; gap:6px; }
.vp-a__handoff > main > footer button { padding:6px 8px; border:1px solid rgba(255,255,255,.2); background:transparent; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__handoff > main > footer button:last-child { background:#fff;color:#213024; }

/* QuizFunnels */
.vp-a--quiz-outcome,.vp-a--quiz-result,.vp-a--quiz-analytics { background:#f7f4fb; }
.vp-a__outcomes { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(150px,.46fr) minmax(0,1.54fr); }
.vp-a__outcomes > aside { padding:clamp(12px,1.3vw,19px); background:#251b35; color:#fff; }
.vp-a__outcomes > aside small { color:#a99db9; }
.vp-a__outcomes > aside button { display:grid; width:100%; align-items:center; padding:8px; border:0; margin-top:7px; background:transparent; border-radius:8px; color:#c2b8cf; text-align:left; gap:7px; grid-template-columns:22px 1fr; }
.vp-a__outcomes > aside button > i { display:grid; width:20px; height:20px; border:1px solid #6f647c; border-radius:50%; font-size:7px; font-style:normal; place-items:center; }
.vp-a__outcomes > aside button b,.vp-a__outcomes > aside button span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__outcomes > aside button span{color:#91869e}
.vp-a__outcomes > aside button.is-active { background:#7653df; color:#fff; }.vp-a__outcomes > aside button.is-active span{color:#e3daf5}.vp-a__outcomes > aside button.is-active i{background:#fff;color:#6042bb;border-color:#fff}
.vp-a__outcomes > aside footer { padding-top:12px; color:#9f94aa; font-size:clamp(6px,.52vw,8px); }
.vp-a__outcomes > main { min-width:0; padding:clamp(13px,1.5vw,22px); }
.vp-a__outcomes > main > header { display:flex; justify-content:space-between; }
.vp-a__outcomes > main h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__outcomes > main header > span { color:#7653df; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__outcomes > main > section { display:grid; align-items:center; padding:clamp(14px,1.7vw,25px) 0; gap:12px; grid-template-columns:.45fr auto 1.55fr; }
.vp-a__outcomes > main > section > div { padding:clamp(11px,1.2vw,18px); background:#e8defd; border-radius:12px; text-align:center; }
.vp-a__outcomes > main > section > div strong { display:block; margin:6px 0; font-size:clamp(28px,3vw,46px); color:#5639b1; }
.vp-a__outcomes > main > section > div span { color:#72648c; font-size:clamp(7px,.58vw,9px); }
.vp-a__outcomes > main > section > i { color:#7250d1; font-size:25px; font-style:normal; }
.vp-a__outcomes > main article { padding:clamp(13px,1.4vw,21px); border:1px solid #d8ccec; background:#fff; border-radius:12px; box-shadow:0 10px 22px rgba(50,35,80,.08); }
.vp-a__outcomes > main article h4 { margin:7px 0; font-size:clamp(15px,1.5vw,23px); line-height:1; }
.vp-a__outcomes > main article p { color:#6e6676; font-size:clamp(7px,.6vw,9px); line-height:1.35; }
.vp-a__outcomes > main article button { padding:6px 8px; border:0; margin-top:10px; background:#7653df; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__outcomes > main > footer { display:flex; gap:8px; }
.vp-a__outcomes > main > footer span { padding:6px 8px; background:#e3f2e8; color:#267453; border-radius:999px; font-size:clamp(6px,.52vw,8px); }

.vp-a__result-page { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(145px,.42fr) minmax(0,1.58fr); }
.vp-a__result-page > aside { padding:clamp(12px,1.3vw,19px); background:#ece7f4; }
.vp-a__result-page > aside > small { color:#716980; }
.vp-a__result-page > aside > button { display:grid; width:100%; align-items:center; padding:8px; border:1px solid transparent; margin-top:7px; background:transparent; border-radius:8px; text-align:left; gap:7px; grid-template-columns:14px 1fr; }
.vp-a__result-page > aside > button > i { width:11px; height:28px; border-radius:999px; }.vp-a__result-page .is-blue{background:#5f8feb}.vp-a__result-page .is-purple{background:#805be2}.vp-a__result-page .is-green{background:#48a27a}
.vp-a__result-page > aside button b,.vp-a__result-page > aside button span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__result-page > aside button span{color:#81798b}
.vp-a__result-page > aside > button.is-active { border-color:#9b82df;background:#fff; }
.vp-a__result-page > aside footer button { width:100%; padding:7px; border:1px dashed #9d8db2; margin-top:12px; background:transparent; border-radius:7px; color:#655877; font-size:clamp(6px,.52vw,8px); }
.vp-a__result-page > main { display:grid; min-width:0; padding:clamp(13px,1.5vw,22px); background:linear-gradient(145deg,#362657,#7450d4); color:#fff; grid-template-rows:auto 1fr auto; }
.vp-a__result-page > main > header { display:flex; justify-content:space-between; }.vp-a__result-page > main > header b,.vp-a__result-page > main > header span{font-size:clamp(7px,.58vw,9px)}
.vp-a__result-page > main > section { display:flex; flex-direction:column; justify-content:center; }
.vp-a__result-page > main > section small { color:#cdbcf4; }
.vp-a__result-page > main h3 { max-width:15ch; margin:7px 0; font-size:clamp(22px,2.5vw,39px); letter-spacing:-.055em; line-height:.92; }
.vp-a__result-page > main > section p { max-width:47ch; color:#ded6ef; font-size:clamp(7px,.62vw,10px); line-height:1.4; }
.vp-a__result-page > main > section > div { display:flex; flex-wrap:wrap; margin:10px 0; gap:5px; }
.vp-a__result-page > main > section > div span { padding:5px 7px; background:rgba(255,255,255,.12); border-radius:999px; font-size:clamp(6px,.52vw,8px); }
.vp-a__result-page > main > section button { align-self:flex-start; padding:7px 10px; border:0; background:#fff; color:#352257; border-radius:7px; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__result-page > main > footer { display:flex; justify-content:space-between; padding-top:8px; border-top:1px solid rgba(255,255,255,.2); color:#d2c8e7; font-size:clamp(6px,.52vw,8px); }

.vp-a__quiz-analytics { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(12px,1.4vw,21px); grid-template-rows:auto 1fr auto; }
.vp-a__quiz-analytics > header { display:flex; justify-content:space-between; }
.vp-a__quiz-analytics > header h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__quiz-analytics > header > span { color:#6f4fd0; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__quiz-analytics > main { display:grid; min-height:0; padding:13px 0; gap:13px; grid-template-columns:1.4fr .6fr; }
.vp-a__quiz-funnel { display:flex; min-width:0; align-items:center; gap:5px; }
.vp-a__quiz-funnel article { flex:1; min-width:0; padding:clamp(9px,1vw,15px); border:1px solid #d8cfea; background:#fff; border-radius:10px; }
.vp-a__quiz-funnel article.is-focus { border:2px solid #7653df;background:#eee8ff; }
.vp-a__quiz-funnel article > i { display:grid; width:23px; height:23px; background:#e5dcfa; color:#6544bc; border-radius:6px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__quiz-funnel article b,.vp-a__quiz-funnel article span { display:block; }.vp-a__quiz-funnel article b{margin:7px 0 2px;font-size:clamp(14px,1.3vw,20px)}.vp-a__quiz-funnel article span{color:#7a7183;font-size:clamp(6px,.52vw,8px)}
.vp-a__quiz-funnel > em { color:#7f6dae; font-size:clamp(6px,.52vw,8px); font-style:normal; font-weight:700; }
.vp-a__quiz-analytics > main > aside { padding:clamp(11px,1.2vw,18px); background:#241a33; border-radius:11px; color:#fff; }
.vp-a__quiz-analytics > main > aside small { color:#a99db8; }
.vp-a__quiz-analytics > main > aside h4 { margin:7px 0; font-size:clamp(13px,1.2vw,18px); line-height:1.05; }
.vp-a__quiz-analytics > main > aside p { color:#c9c0d4; font-size:clamp(7px,.58vw,9px); }
.vp-a__quiz-analytics > main > aside button { padding:6px 8px; border:0; margin:9px 0; background:#7653df; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__quiz-analytics > main > aside > div { padding-top:8px; border-top:1px solid rgba(255,255,255,.15); }.vp-a__quiz-analytics > main > aside > div span,.vp-a__quiz-analytics > main > aside > div b{display:block;font-size:clamp(6px,.52vw,8px)}
.vp-a__quiz-analytics > footer { display:flex; gap:6px; }
.vp-a__quiz-analytics > footer span { padding:5px 7px; background:#e9e2f8; color:#5d478c; border-radius:999px; font-size:clamp(6px,.52vw,8px); }

/* Ideal Client Profile Generator */
.vp-a--icp-overview,.vp-a--icp-context,.vp-a--icp-4p,.vp-a--icp-concepts,.vp-a--icp-library { background:#f8f5fb; }
.vp-a__icp-overview { display:grid; height:calc(100% - 46px); min-height:0; align-items:center; padding:clamp(14px,1.7vw,25px); gap:9px; grid-template-columns:.72fr auto 1fr auto .78fr; }
.vp-a__icp-overview > section { min-width:0; padding:clamp(12px,1.3vw,19px); border:1px solid #d9cdec; background:#fff; border-radius:13px; }
.vp-a__source-card { display:grid; align-items:center; padding:8px 0; border-top:1px solid #e5ddee; gap:7px; grid-template-columns:27px 1fr; }
.vp-a__source-card:first-of-type { margin-top:8px; }
.vp-a__source-card > i { display:grid; width:25px; height:25px; background:#6f4dd0; color:#fff; border-radius:7px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__source-card b,.vp-a__source-card span { display:block; font-size:clamp(7px,.58vw,9px); }.vp-a__source-card span{color:#7c7483}
.vp-a__icp-overview > i { color:#7251cd; font-size:clamp(18px,2vw,30px); font-style:normal; }
.vp-a__icp-overview .is-profile { background:#e7ddfb;border-color:#9277db; }
.vp-a__icp-overview .is-profile h3 { margin:8px 0; font-size:clamp(18px,1.9vw,29px); letter-spacing:-.05em; line-height:1; }
.vp-a__icp-overview .is-profile p { color:#655a75; font-size:clamp(7px,.6vw,9px); line-height:1.4; }
.vp-a__icp-overview .is-profile span { display:inline-block; padding:5px 7px; margin-top:10px; background:#fff; border-radius:999px; color:#6343b2; font-size:clamp(6px,.52vw,8px); }
.vp-a__icp-overview .is-output { background:#21172e;color:#fff;border-color:#21172e; }
.vp-a__icp-overview .is-output small { color:#a99cb8; }
.vp-a__icp-overview .is-output > div { display:flex; align-items:center; padding:10px 0; border-top:1px solid rgba(255,255,255,.13); gap:8px; }
.vp-a__icp-overview .is-output > div:first-of-type { margin-top:8px; }
.vp-a__icp-overview .is-output b { font-size:clamp(22px,2.4vw,37px); color:#a887ff; }
.vp-a__icp-overview .is-output span { color:#c7bdcf; font-size:clamp(6px,.52vw,8px); }
.vp-a__icp-overview .is-output button { width:100%; padding:7px; border:0; background:#7653df; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }

.vp-a__contexts { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(13px,1.5vw,22px); grid-template-rows:auto 1fr auto; }
.vp-a__contexts > header h3 { margin-top:5px; font-size:clamp(18px,1.85vw,29px); }
.vp-a__contexts > main { display:grid; min-height:0; padding:12px 0; gap:8px; grid-template-columns:repeat(4,1fr); }
.vp-a__contexts article { position:relative; display:flex; min-width:0; flex-direction:column; padding:clamp(10px,1.1vw,16px); border:1px solid #ddd3e9; background:#fff; border-radius:11px; }
.vp-a__contexts article > i { display:grid; width:27px; height:27px; background:#ece6f4; color:#675779; border-radius:8px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__contexts article > div { position:absolute; top:9px; right:9px; padding:4px 6px; background:#7653df; color:#fff; border-radius:999px; font-size:clamp(5px,.46vw,7px); }
.vp-a__contexts article.is-selected { border:2px solid #7653df;background:#eee8fd;transform:translateY(-4px);box-shadow:0 12px 22px rgba(70,45,125,.12)}
.vp-a__contexts article h4 { margin:10px 0 6px; font-size:clamp(11px,1vw,15px); line-height:1; }
.vp-a__contexts article p { color:#756d7b; font-size:clamp(7px,.58vw,9px); line-height:1.35; }
.vp-a__contexts article > span { margin-top:auto; padding-top:8px; color:#6545ba; font-size:clamp(6px,.52vw,8px); font-weight:700; }
.vp-a__contexts > footer { display:flex; align-items:center; justify-content:space-between; padding-top:9px; border-top:1px solid #ded5e8; }
.vp-a__contexts > footer span { color:#6e6675; font-size:clamp(7px,.58vw,9px); }
.vp-a__contexts > footer button { padding:7px 9px; border:0; background:#251a33; color:#fff; border-radius:6px; font-size:clamp(7px,.58vw,9px); }

.vp-a__fourp { display:grid; height:calc(100% - 46px); min-height:0; padding:clamp(13px,1.5vw,22px); grid-template-rows:auto 1fr auto; }
.vp-a__fourp > header { display:flex; justify-content:space-between; }
.vp-a__fourp > header h3 { margin-top:4px; font-size:clamp(17px,1.7vw,26px); }
.vp-a__fourp > header > span { color:#6c4bc6; font-size:clamp(7px,.58vw,9px); }
.vp-a__fourp > main { display:grid; min-height:0; padding:13px 0; gap:8px; grid-template-columns:repeat(4,1fr); }
.vp-a__fourp > main section { display:flex; min-width:0; flex-direction:column; padding:clamp(10px,1.1vw,16px); border-radius:11px; }
.vp-a__fourp > main section header { display:flex; justify-content:space-between; }
.vp-a__fourp > main section header b { font-size:clamp(12px,1.1vw,17px); }
.vp-a__fourp > main section header i { display:grid; width:24px; height:24px; background:rgba(255,255,255,.65); border-radius:50%; font-size:8px; font-style:normal; place-items:center; }
.vp-a__fourp > main section p { margin:clamp(13px,1.4vw,21px) 0; font-size:clamp(10px,.88vw,13px); font-weight:650; line-height:1.25; }
.vp-a__fourp > main section button { align-self:flex-start; padding:5px 7px; border:1px solid currentColor; margin-top:auto; background:transparent; border-radius:999px; color:inherit; font-size:clamp(6px,.52vw,8px); }
.vp-a__fourp .is-pain{background:#fde1db;color:#742f24}.vp-a__fourp .is-problem{background:#e9dcfb;color:#4b3276}.vp-a__fourp .is-path{background:#dcecf9;color:#244a6a}.vp-a__fourp .is-prize{background:#dfeec8;color:#36531b}
.vp-a__fourp > footer { padding-top:9px; border-top:1px solid #ddd4e6; color:#6b6371; font-size:clamp(7px,.58vw,9px); }

.vp-a__concepts { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(145px,.42fr) minmax(0,1.58fr); }
.vp-a__concepts > aside { padding:clamp(12px,1.3vw,19px); background:#251b33; color:#fff; }
.vp-a__concepts > aside small { color:#a99eb6; }
.vp-a__concepts > aside button { display:grid; width:100%; align-items:center; padding:8px; border:0; margin-top:6px; background:transparent; border-radius:8px; color:#c6bccf; text-align:left; gap:7px; grid-template-columns:26px 1fr; }
.vp-a__concepts > aside button > i { display:grid; width:24px; height:24px; background:#3d304b; border-radius:6px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__concepts > aside button b,.vp-a__concepts > aside button span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__concepts > aside button span{color:#978ba3}
.vp-a__concepts > aside button.is-active { background:#7653df;color:#fff; }.vp-a__concepts > aside button.is-active i{background:#fff;color:#5e3bb9}.vp-a__concepts > aside button.is-active span{color:#e3dbf2}
.vp-a__concepts > aside footer { padding-top:10px; color:#9e93aa; font-size:clamp(6px,.52vw,8px); }
.vp-a__concepts > main { display:grid; min-width:0; min-height:0; padding:clamp(12px,1.35vw,20px); grid-template-rows:auto 1fr auto; }
.vp-a__concepts > main > header { display:flex; justify-content:space-between; }
.vp-a__concepts > main h3 { margin-top:4px; font-size:clamp(16px,1.6vw,25px); }
.vp-a__concepts > main header > span { color:#7653df; font-size:clamp(7px,.58vw,9px); font-weight:700; }
.vp-a__concepts > main article { padding:clamp(11px,1.2vw,18px); margin:10px 0; overflow:hidden; background:#fff; border:1px solid #ddd4e7; border-radius:11px; }
.vp-a__concepts > main article h4 { margin:6px 0; font-size:clamp(15px,1.45vw,22px); line-height:1.02; }
.vp-a__concepts > main article p { color:#6e6674; font-size:clamp(7px,.6vw,9px); }
.vp-a__concepts > main article ol { display:grid; padding:0; margin:10px 0 0; gap:5px; grid-template-columns:repeat(2,1fr); list-style:none; }
.vp-a__concepts > main article li { padding:6px; background:#f0ebf8; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__concepts > main article li b { color:#7653df; margin-right:4px; }
.vp-a__concepts > main > footer { display:flex; justify-content:flex-end; gap:6px; }
.vp-a__concepts > main > footer button { padding:6px 8px; border:1px solid #cfc3dc; background:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }
.vp-a__concepts > main > footer button.is-primary { border-color:#7653df;background:#7653df;color:#fff; }

.vp-a__icp-library { display:grid; height:calc(100% - 46px); min-height:0; grid-template-columns:minmax(165px,.48fr) minmax(0,1.52fr); }
.vp-a__icp-library > aside { padding:clamp(12px,1.3vw,19px); background:#251b33; color:#fff; }
.vp-a__icp-library > aside small { color:#a99eb6; }
.vp-a__icp-library > aside button { display:grid; width:100%; align-items:center; padding:8px; border:0; margin-top:7px; background:transparent; border-radius:8px; color:#c3bacd; text-align:left; gap:8px; grid-template-columns:29px 1fr; }
.vp-a__icp-library > aside button > i { display:grid; width:27px; height:27px; background:#41354d; border-radius:7px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__icp-library > aside button b,.vp-a__icp-library > aside button span { display:block; font-size:clamp(7px,.6vw,9px); }.vp-a__icp-library > aside button span{color:#94899f}
.vp-a__icp-library > aside button.is-active { background:#7653df;color:#fff; }.vp-a__icp-library > aside button.is-active i{background:#fff;color:#5e3db6}.vp-a__icp-library > aside button.is-active span{color:#dfd6ef}
.vp-a__icp-library > main { display:grid; min-width:0; padding:clamp(12px,1.4vw,21px); grid-template-rows:auto 1fr auto; }
.vp-a__icp-library > main > header { display:flex; justify-content:space-between; }
.vp-a__icp-library > main h3 { margin-top:4px; font-size:clamp(16px,1.65vw,25px); }
.vp-a__icp-library > main header > span { color:#6c4cc4; font-size:clamp(7px,.58vw,9px); }
.vp-a__icp-library > main > section { padding:10px 0; }
.vp-a__icp-library > main article { display:grid; align-items:center; padding:8px 9px; border:1px solid #ded5e7; margin-bottom:6px; background:#fff; border-radius:8px; gap:8px; grid-template-columns:27px 1fr auto; }
.vp-a__icp-library > main article.is-selected { border-color:#8f72d5;background:#f0eafe; }
.vp-a__icp-library > main article > i { display:grid; width:25px; height:25px; background:#e4daf8; color:#6545b6; border-radius:7px; font-size:7px; font-style:normal; place-items:center; }
.vp-a__icp-library > main article h4 { font-size:clamp(8px,.7vw,11px); }
.vp-a__icp-library > main article p,.vp-a__icp-library > main article span { color:#796f82; font-size:clamp(6px,.52vw,8px); }.vp-a__icp-library > main article span{color:#6e4fbc}
.vp-a__icp-library > main article button { border:0;background:transparent;color:#6745bc;font-size:clamp(6px,.52vw,8px);font-weight:700}
.vp-a__icp-library > main > footer { display:flex; align-items:center; justify-content:space-between; padding:9px; background:#e9e1f6; border-radius:8px; }
.vp-a__icp-library > main > footer b { display:block; margin-top:3px; font-size:clamp(7px,.6vw,9px); }
.vp-a__icp-library > main > footer button { padding:6px 8px; border:0; background:#251b33; color:#fff; border-radius:6px; font-size:clamp(6px,.52vw,8px); }

@media (max-width: 920px) {
  .vp-a__chrome { min-height:36px; padding-inline:10px; }
  .vp-a__chrome > span:nth-of-type(2) { display:none; }
  .vp-a__cc-wizard,.vp-a__cc-agents,.vp-a__cc-website,.vp-a__cc-icp { height:calc(100% - 36px); }
  .vp-a__cc-wizard { grid-template-columns:160px 1fr; }.vp-a__cc-wizard>aside,.vp-a__cc-wizard>main{padding:9px}
  .vp-a__cc-agents { grid-template-columns:82px 1fr 100px; }.vp-a__cc-agents>aside,.vp-a__cc-agents>main,.vp-a__cc-roster{padding:8px}
  .vp-a__cc-website>aside,.vp-a__cc-website>main{padding:8px}.vp-a__cc-site>section{padding:10px}
  .vp-a__cc-icp { grid-template-columns:105px 1fr 115px; }.vp-a__cc-icp>aside,.vp-a__cc-icp>main,.vp-a__cc-angles{padding:8px}
  .vp-a__wizard,.vp-a__affiliate,.vp-a__research,.vp-a__voice,.vp-a__local,.vp-a__achievement,.vp-a__brandkit,.vp-a__recovery,.vp-a__handoff { height:calc(100% - 36px); padding:9px; gap:8px; }
  .vp-a__artifact,.vp-a__vendor,.vp-a__mail-editor,.vp-a__course-live,.vp-a__brand-review,.vp-a__catalog,.vp-a__outcomes,.vp-a__result-page,.vp-a__concepts,.vp-a__icp-library,.vp-a__funnel-sim,.vp-a__template-map { height:calc(100% - 36px); }
  .vp-a__market,.vp-a__audience,.vp-a__sequence,.vp-a__automation,.vp-a__editorial,.vp-a__quiz-analytics,.vp-a__contexts,.vp-a__fourp,.vp-a__icp-overview,.vp-a__storefront,.vp-a__order { height:calc(100% - 36px); padding:9px; }
  .vp-a__wizard { grid-template-columns:85px .8fr 1.2fr; }
  .vp-a__wizard nav span { padding:5px; }
  .vp-a__artifact { grid-template-columns:82px 1fr 105px; }
  .vp-a__artifact > aside,.vp-a__artifact > main,.vp-a__versions { padding:9px; }
  .vp-a__affiliate { grid-template-columns:120px 1fr; }.vp-a__cover{min-height:110px;padding:12px}.vp-a__affiliate>main{padding:10px}
  .vp-a__vendor { grid-template-columns:100px 1fr; }.vp-a__vendor>aside,.vp-a__vendor>main{padding:9px}.vp-a__sales-path{margin:9px 0}
  .vp-a__market>main{height:calc(100% - 50px);padding-top:8px}.vp-a__market-art span{width:45px;height:45px}
  .vp-a__mail-editor { grid-template-columns:56px 1fr 105px; }.vp-a__send-card,.vp-a__mail-editor>main{padding:8px}
  .vp-a__filters{padding:6px;margin:7px 0}.vp-a__audience>main>div{min-height:34px;padding:5px 7px}
  .vp-a__sequence{grid-template-columns:1.4fr .6fr}.vp-a__sequence>aside{padding:9px}
  .vp-a__automation{grid-template-columns:1.45fr .55fr}.vp-a__automation>aside{padding:8px}
  .vp-a__research>aside,.vp-a__research>main,.vp-a__voice>aside,.vp-a__voice>main,.vp-a__local>aside,.vp-a__local>main{padding:9px}
  .vp-a__editorial>main{padding:8px 0}.vp-a__editorial article{padding:8px}
  .vp-a__course-live { grid-template-columns:92px 1fr 120px; }.vp-a__course-live>aside,.vp-a__course-live>main,.vp-a__course-live>section{padding:8px}
  .vp-a__quiz-result,.vp-a__achievement>main{padding:9px}
  .vp-a__brandkit{grid-template-columns:120px 22px 1fr}.vp-a__brandkit>aside,.vp-a__brandkit>main{padding:8px}
  .vp-a__brand-review{grid-template-columns:105px 1fr}.vp-a__brand-review>aside,.vp-a__brand-review>main{padding:8px}
  .vp-a__catalog{grid-template-columns:96px 1fr}.vp-a__catalog>aside,.vp-a__catalog>main{padding:8px}
  .vp-a__order{grid-template-columns:.8fr 18px 1.2fr}.vp-a__checkout,.vp-a__order>main{padding:8px}
  .vp-a__recovery>aside,.vp-a__recovery>main{padding:8px}
  .vp-a__funnel-sim{grid-template-columns:105px 1fr}.vp-a__funnel-sim>aside,.vp-a__funnel-sim>main{padding:8px}
  .vp-a__template-map{grid-template-columns:165px 1fr}.vp-a__template-map>aside,.vp-a__template-map>main{padding:8px}
  .vp-a__handoff>.vp-a__pdf,.vp-a__handoff>main{padding:8px}
  .vp-a__outcomes,.vp-a__result-page,.vp-a__concepts{grid-template-columns:105px 1fr}.vp-a__outcomes>aside,.vp-a__outcomes>main,.vp-a__result-page>aside,.vp-a__result-page>main,.vp-a__concepts>aside,.vp-a__concepts>main{padding:8px}
  .vp-a__quiz-analytics>main{padding:8px 0}
  .vp-a__icp-overview{grid-template-columns:.7fr 14px 1fr 14px .8fr}.vp-a__icp-overview>section{padding:8px}
  .vp-a__contexts>main,.vp-a__fourp>main{padding:8px 0}
  .vp-a__icp-library{grid-template-columns:120px 1fr}.vp-a__icp-library>aside,.vp-a__icp-library>main{padding:8px}
}

@media (max-width: 620px) {
  .vp-a small { font-size:5px; }
  .vp-a__chrome { min-height:31px; gap:6px; }
  .vp-a__chrome strong { font-size:8px; }.vp-a__chrome>b{font-size:6px;padding:4px 6px}
  .vp-a__cc-wizard,.vp-a__cc-agents,.vp-a__cc-website,.vp-a__cc-icp { height:calc(100% - 31px); }
  .vp-a__cc-wizard { grid-template-columns:105px 1fr; }.vp-a__cc-wizard>aside h3{font-size:13px}.vp-a__cc-picker{display:none}.vp-a__cc-wizard>aside article{padding:4px;grid-template-columns:20px 1fr}.vp-a__cc-wizard>aside article>i{width:19px;height:19px}.vp-a__cc-wizard>aside article:nth-child(n+4){display:none}.vp-a__cc-wizard>main>nav i b{display:none}.vp-a__cc-wizard>main>section article{padding:5px 0;grid-template-columns:35px 1fr}.vp-a__cc-wizard>main>section article em{display:none}.vp-a__cc-wizard>main>footer span{display:none}
  .vp-a__cc-agents { grid-template-columns:61px 1fr; }.vp-a__cc-roster{display:none}.vp-a__cc-agents>aside button{padding:5px}.vp-a__cc-agents>aside footer{display:none}.vp-a__cc-agents>main article{padding:5px 0;grid-template-columns:23px 1fr}.vp-a__cc-agents>main article img{width:22px;height:22px}.vp-a__cc-agents>main article:nth-child(n+4){display:none}.vp-a__cc-agents>main>footer span{display:none}
  .vp-a__cc-website { grid-template-columns:105px 1fr; }.vp-a__cc-website>aside header h3{font-size:13px}.vp-a__cc-website>aside nav{display:none}.vp-a__cc-website>aside>section{margin-top:7px;grid-template-columns:1fr}.vp-a__cc-website>aside article:nth-child(n+3){display:none}.vp-a__cc-theme{height:37px}.vp-a__cc-site>nav span{display:none}.vp-a__cc-site>section h3{font-size:15px}.vp-a__cc-website>main>footer>div{display:none}
  .vp-a__cc-icp { grid-template-columns:1fr 88px; }.vp-a__cc-icp>aside{display:none}.vp-a__cc-icp>main article{padding:5px}.vp-a__cc-icp>main article p{font-size:5px}.vp-a__cc-angles>div{gap:3px}.vp-a__cc-angles article{padding:5px}.vp-a__cc-angles article strong{font-size:15px}
  .vp-a__wizard,.vp-a__affiliate,.vp-a__research,.vp-a__voice,.vp-a__local,.vp-a__achievement,.vp-a__brandkit,.vp-a__recovery,.vp-a__handoff { height:calc(100% - 31px); }
  .vp-a__artifact,.vp-a__vendor,.vp-a__mail-editor,.vp-a__course-live,.vp-a__brand-review,.vp-a__catalog,.vp-a__outcomes,.vp-a__result-page,.vp-a__concepts,.vp-a__icp-library,.vp-a__funnel-sim,.vp-a__template-map { height:calc(100% - 31px); }
  .vp-a__market,.vp-a__audience,.vp-a__sequence,.vp-a__automation,.vp-a__editorial,.vp-a__quiz-analytics,.vp-a__contexts,.vp-a__fourp,.vp-a__icp-overview,.vp-a__storefront,.vp-a__order { height:calc(100% - 31px); }
  .vp-a__wizard { grid-template-columns:62px 1fr; }.vp-a__wizard-question{display:none}.vp-a__wizard-plan{padding:7px}.vp-a__wizard-plan li{grid-template-columns:32px 1fr}.vp-a__wizard-plan li i{display:none}
  .vp-a__artifact { grid-template-columns:60px 1fr; }.vp-a__versions{display:none}.vp-a__artifact>main article h3{font-size:16px}
  .vp-a__affiliate { grid-template-columns:90px 1fr; }.vp-a__cover{min-height:85px;padding:8px}.vp-a__promo-assets article{padding:5px}.vp-a__affiliate main>footer{display:none}
  .vp-a__vendor { grid-template-columns:72px 1fr; }.vp-a__vendor>aside button{grid-template-columns:20px 1fr;padding:5px}.vp-a__vendor>aside button>i{width:19px;height:19px}.vp-a__sales-path article{padding:5px}.vp-a__sales-path article span{display:none}.vp-a__vendor-bottom{grid-template-columns:1fr}.vp-a__vendor-bottom>div:first-child{display:none}
  .vp-a__market>header>div{display:none}.vp-a__market>main{height:calc(100% - 38px);grid-template-columns:1.15fr .85fr}.vp-a__market article:nth-child(3){display:none}
  .vp-a__mail-editor { grid-template-columns:45px 1fr; }.vp-a__send-card{display:none}.vp-a__mail-editor>aside button{padding:5px}.vp-a__mail-editor>main article h3{font-size:15px}
  .vp-a__filters>small{display:none}.vp-a__filters>div{padding:4px}.vp-a__filters>div span{display:none}.vp-a__audience>main>div{grid-template-columns:1fr 1.1fr .7fr}.vp-a__audience>main>div>*:nth-child(3){display:none}
  .vp-a__sequence { grid-template-columns:1fr 95px; }.vp-a__sequence>header{grid-column:1 / -1}.vp-a__sequence>aside{padding:7px}.vp-a__sequence>aside div{display:none}
  .vp-a__automation { grid-template-columns:1fr 90px; }.vp-a__flow-node{min-width:105px;padding:5px}.vp-a__flow-branch{grid-template-columns:auto 1fr 1fr 1fr 1fr}.vp-a__flow-yes{display:none}
  .vp-a__research,.vp-a__voice,.vp-a__local { grid-template-columns:96px 1fr; }.vp-a__research>aside article:nth-of-type(3){display:none}.vp-a__research blockquote{font-size:11px}.vp-a__voice>aside>div{padding:5px 0}.vp-a__voice article h3{font-size:15px}.vp-a__local>aside>div{padding:5px 0}.vp-a__local>main article{padding:5px 0}
  .vp-a__editorial>main{grid-template-columns:1.3fr .85fr .85fr;gap:5px}.vp-a__editorial article{padding:6px}.vp-a__editorial article p{display:none}.vp-a__editorial>footer span{max-width:36ch}
  .vp-a__course-live { grid-template-columns:64px 1fr 88px; }.vp-a__course-live>aside li{padding:5px 3px}.vp-a__lesson-video{height:76px;margin:7px 0}.vp-a__discussion p:nth-of-type(2){display:none}
  .vp-a__achievement { grid-template-columns:1fr 1fr; }.vp-a__quiz-result h3{font-size:11px}.vp-a__quiz-result button{padding:5px}.vp-a__certificate{padding:7px}.vp-a__certificate h3{font-size:17px}
  .vp-a__brandkit { grid-template-columns:89px 15px 1fr; }.vp-a__brandkit>aside section{padding:5px 0}.vp-a__brand-output--page h4{font-size:14px}.vp-a__brand-output--email p{display:none}
  .vp-a__brand-review { grid-template-columns:78px 1fr; }.vp-a__brand-review>aside button{grid-template-columns:18px 1fr;padding:4px}.vp-a__brand-review>aside button>i{width:17px;height:17px}.vp-a__brand-review>main{grid-template-columns:1.2fr .8fr}.vp-a__brand-review article p{font-size:14px}.vp-a__brand-review>main>section label{padding:5px 0}
  .vp-a__storefront>header nav{display:none}.vp-a__storefront>main h3{font-size:17px}.vp-a__storefront>footer article{grid-template-columns:32px 1fr}.vp-a__storefront>footer article>div{width:29px;height:29px}
  .vp-a__catalog { grid-template-columns:72px 1fr; }.vp-a__catalog>aside button{padding:5px}.vp-a__catalog>main>section{gap:4px}.vp-a__catalog>main article{padding:5px}.vp-a__catalog>main article>div{min-height:51px}
  .vp-a__order { grid-template-columns:1fr 14px 1fr; }.vp-a__checkout label:nth-of-type(2){display:none}.vp-a__checkout article{padding:5px 0}.vp-a__order>main>section{grid-template-columns:1fr}.vp-a__order>main>section>div:nth-child(n+2){display:none}
  .vp-a__recovery { grid-template-columns:.9fr 1.1fr; }.vp-a__recovery>aside>section h3{font-size:13px}.vp-a__recovery>main li{padding:5px 0}
  .vp-a__funnel-sim { grid-template-columns:78px 1fr; }.vp-a__funnel-sim>aside label{padding:5px 0}.vp-a__funnel-path article{padding:5px}.vp-a__funnel-sim>main>section>div{gap:4px}.vp-a__funnel-sim>main>section article{padding:5px}
  .vp-a__template-map { grid-template-columns:122px 1fr; }.vp-a__template-map>aside>section{gap:4px}.vp-a__template-map>aside article{padding:4px}.vp-a__template-map>aside article>div{height:24px}
  .vp-a__handoff { grid-template-columns:.85fr 1.15fr; }.vp-a__pdf>h3{font-size:13px}.vp-a__handoff-person{padding:5px 0}
  .vp-a__outcomes,.vp-a__result-page,.vp-a__concepts { grid-template-columns:78px 1fr; }.vp-a__outcomes>aside button,.vp-a__result-page>aside>button,.vp-a__concepts>aside button{padding:5px}.vp-a__outcomes>main>section{grid-template-columns:50px 9px 1fr}.vp-a__outcomes>main article h4{font-size:13px}.vp-a__result-page>main h3{font-size:20px}.vp-a__concepts>main article ol{gap:3px}.vp-a__concepts>main article li{padding:4px}
  .vp-a__quiz-analytics>main{grid-template-columns:1fr 100px}.vp-a__quiz-funnel article{padding:5px}.vp-a__quiz-funnel article b{font-size:11px}
  .vp-a__icp-overview { grid-template-columns:.65fr 10px 1fr 10px .75fr; }.vp-a__icp-overview>section{padding:5px}.vp-a__icp-overview .is-profile h3{font-size:14px}.vp-a__icp-overview .is-output b{font-size:18px}
  .vp-a__contexts>main,.vp-a__fourp>main{gap:4px}.vp-a__contexts article,.vp-a__fourp>main section{padding:6px}.vp-a__contexts article p{font-size:6px}.vp-a__fourp>main section p{font-size:8px}
  .vp-a__icp-library { grid-template-columns:88px 1fr; }.vp-a__icp-library>aside button{padding:5px;grid-template-columns:20px 1fr}.vp-a__icp-library>aside button>i{width:18px;height:18px}.vp-a__icp-library>main article{padding:5px}
}