@layer components{.vp-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;padding-block:1.75rem 3rem;display:grid}@media (min-width:56rem){.vp-hero{grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:4rem;padding-block:3rem 4.5rem}}.vp-h1{flex-direction:column;gap:1rem;display:flex}.vp-wordmark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);align-items:baseline;gap:.08em;font-size:3rem;font-weight:800;line-height:1;display:inline-flex}.vp-wordmark-plus svg{width:35px;height:35px}@media (min-width:48rem){.vp-wordmark{font-size:4rem}.vp-wordmark-plus svg{width:45px;height:45px}}.vp-headline{font-family:var(--font-display);word-spacing:.06em;font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}@media (min-width:48rem){.vp-headline{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}}.vp-lead{max-width:34rem;font-size:var(--text-md);color:var(--color-text-muted);margin-top:1rem;line-height:1.6}.vp-price{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;margin-top:1.75rem;display:flex}.vp-amount{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--color-text)}.vp-per{font-size:var(--text-md);color:var(--color-text-muted)}.vp-terms{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted);margin-top:.375rem}.vp-cta{flex-direction:column;align-items:flex-start;gap:.75rem;max-width:34rem;margin-top:1.5rem;display:flex}.vp-cta[data-where=end]{margin-top:0}.vp-cta-row{flex-wrap:wrap;gap:.5rem;display:flex}.vp-status{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text)}.vp-soon{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted);align-items:flex-start;gap:.5rem;display:flex}.vp-soon>.icon{color:var(--color-text-faint);flex:none;margin-top:.1875rem}.vp-show{flex-direction:column;gap:.875rem;width:100%;max-width:25rem;margin-inline:auto;display:flex}@media (min-width:56rem){.vp-show{margin-inline:auto 0}}.vp-stage{aspect-ratio:768/986;background:var(--color-stage);clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));position:relative}.vp-stage-img{width:100%;height:100%;display:none;position:absolute;inset:0}.vp-stage-img[data-on]{display:block}.vp-stage-tag,.vp-stage-example{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--color-bg) 86%, transparent);height:1.875rem;font-size:var(--text-sm);line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text);align-items:center;gap:.5rem;padding-inline:.625rem;display:inline-flex;position:absolute}.vp-stage-tag{top:.875rem;right:.875rem}.vp-stage-example{font-weight:var(--font-weight-medium);color:var(--color-text-muted);bottom:.875rem;left:.875rem}.vp-stage-dot{background:var(--wa,var(--color-accent));width:.5rem;height:.5rem}.vp-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:30rem){.vp-worlds{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:56rem){.vp-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}.vp-world-btn{border-radius:var(--radius-md);background:var(--color-surface);min-width:0;height:2.75rem;color:var(--color-text-muted);font-size:var(--text-ui);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;padding:0 .625rem 0 .375rem;display:inline-flex}.vp-world-btn>span{text-overflow:ellipsis;overflow:hidden}.vp-world-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.vp-world-btn[aria-pressed=true]{background:var(--color-surface-2);color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-accent)}.vp-world-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vp-world-thumb{object-fit:cover;border-radius:4px;flex:none;width:1.75rem;height:2.25rem}.vp-compare{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;padding-block:3rem;display:grid}@media (min-width:56rem){.vp-compare{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:4rem}}.vp-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:30rem;display:grid}.vp-pair-item{flex-direction:column;gap:.5rem;display:flex}.vp-pair-img{border-radius:var(--radius-lg);background:var(--color-stage);width:100%;height:auto}.vp-pair-item[data-plus] .vp-pair-img{clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));border-radius:0}.vp-pair-cap{font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);align-items:center;gap:.375rem;display:inline-flex}.vp-pair-item[data-plus] .vp-pair-cap{color:var(--color-text)}.vp-h2{font-family:var(--font-display);word-spacing:.06em;font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.vp-text{max-width:36rem;font-size:var(--text-md);color:var(--color-text-muted);margin-top:.75rem;line-height:1.6}.vp-feature{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;padding-block:3rem;display:grid}@media (min-width:56rem){.vp-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding-block:4rem}.vp-feature[data-flip]>.vp-preview{order:-1}}.vp-perks{gap:.875rem;margin-top:1.5rem;display:grid}.vp-perk{gap:.125rem;padding-left:1.25rem;display:grid;position:relative}.vp-perk:before{content:"";background:var(--color-accent);width:.5rem;height:.5rem;position:absolute;top:.4375rem;left:0}.vp-perk[data-soon]:before{box-shadow:inset 0 0 0 2px var(--color-line-strong);background:0 0}.vp-perk-name{font-weight:var(--font-weight-semibold);color:var(--color-text);flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.vp-perk-text{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted)}.vp-perk[data-soon] .vp-perk-name{color:var(--color-text-muted)}.vp-soon-tag{height:1.25rem;box-shadow:inset 0 0 0 1px var(--color-line-strong);font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text-faint);white-space:nowrap;vertical-align:.1em;border-radius:4px;align-items:center;margin-left:.375rem;padding-inline:.375rem;display:inline-flex}.vp-perk-name>.vp-soon-tag{margin-left:0}.vp-preview{min-width:0}.vp-preview-label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-faint);margin-bottom:.625rem}.vp-note{max-width:32rem;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-faint);margin-top:.875rem}.vp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;max-width:22rem;display:grid}@media (min-width:30rem){.vp-tiles{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}.vp-tile{flex-direction:column;gap:.375rem;min-width:0;display:flex}.vp-tile-img{background:var(--color-stage);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));width:100%;height:auto}.vp-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden}.vp-emotes{margin-top:1.5rem}.vp-emote-list{flex-wrap:wrap;gap:.5rem;display:flex}.vp-emote{border-radius:var(--radius-sm);background:var(--color-surface);height:2.125rem;font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--color-text);align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex}.vp-emote-dot{background:var(--color-accent);width:.375rem;height:.375rem}.vp-head{border-radius:var(--radius-xl);background:var(--color-surface);padding-bottom:1.5rem;overflow:hidden}.vp-head-banner{height:calc(var(--bt) * 32);box-shadow:inset 0 -3px 0 var(--profile-accent)}.vp-head-row{align-items:flex-start;gap:1rem;margin-top:-2.25rem;padding-inline:1.25rem;display:flex}.vp-head-face{border-radius:var(--radius-xs);width:4.5rem;height:4.5rem;box-shadow:0 0 0 4px var(--color-surface);flex:none}.vp-head-id{flex-direction:column;gap:.5rem;min-width:0;padding-top:2.75rem;display:flex}.vp-head-name{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vp-head-nametext{font-family:var(--font-sans);font-size:var(--text-2xl);line-height:1.1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--profile-accent)}.vp-head-title{height:1.75rem;box-shadow:inset 0 0 0 2px var(--profile-accent);font-size:var(--text-sm);line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));align-self:flex-start;align-items:center;gap:.375rem;padding-inline:.375rem .625rem;display:inline-flex}.vp-head-title>img{width:1rem;height:1rem}.vp-notices{border-radius:var(--radius-xl);background:var(--color-surface);padding:1.25rem 1.25rem .5rem}.vp-notice{border-top:1px solid var(--color-line);font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text);align-items:center;gap:.625rem;padding-block:.875rem;display:flex}.vp-notice:first-child{border-top:0;padding-top:.25rem}.vp-notice>.icon{color:var(--color-accent);flex:none}.vp-notice[data-soon]{color:var(--color-text-muted)}.vp-notice[data-soon]>.icon{color:var(--color-text-faint)}.vp-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.vp-figure{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:.5rem;padding:1.125rem 1.25rem;display:flex}.vp-figure>dt{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted)}.vp-figure>dd{flex-direction:column;gap:.25rem;display:flex}.vp-figure-to{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-bold);color:var(--color-text);order:-1}.vp-figure-from{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-faint)}.vp-discord{margin-top:1.25rem}.vp-discord-panel{border-radius:var(--radius-md);background:var(--vp-discord);flex-direction:column;gap:.5rem;padding:1rem 1.125rem;display:flex}.vp-discord-group{font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-semibold);color:var(--vp-discord-ink)}.vp-discord-member{align-items:center;gap:.625rem;display:flex}.vp-discord-face{border-radius:var(--radius-full);width:2rem;height:2rem}.vp-discord-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--vp-role)}.vp-table-wrap{border-top:1px solid var(--color-line);padding-block:3rem}.vp-table{border-collapse:collapse;width:100%;font-size:var(--text-ui);line-height:var(--text-ui--line-height);margin-top:1.5rem}.vp-table th,.vp-table td{text-align:left;vertical-align:top;border-top:1px solid var(--color-line);padding:.75rem .75rem .75rem 0}.vp-table thead th{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-faint);border-top:0;padding-top:0}.vp-table tbody th{width:34%;font-weight:var(--font-weight-semibold);color:var(--color-text)}.vp-table td{color:var(--color-text-muted)}.vp-table td.vp-table-plus,.vp-table thead .vp-table-plus{color:var(--color-text)}.vp-table tr[data-soon] td.vp-table-plus{color:var(--color-text-muted)}.vp-table tr[data-same]>*{border-top:2px solid var(--color-line-strong);font-weight:var(--font-weight-semibold);color:var(--color-text)}@media (max-width:47.99rem){.vp-table{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.vp-table tbody th{width:32%}}.vp-rest{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:3rem;display:grid}@media (min-width:56rem){.vp-rest{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.vp-steps{gap:0;display:grid}.vp-step{grid-template-columns:1rem minmax(0,1fr);column-gap:1rem;padding-bottom:1.25rem;display:grid;position:relative}.vp-step:last-child{padding-bottom:0}.vp-step:not(:last-child):after{content:"";background:var(--color-line-strong);width:2px;position:absolute;top:1.375rem;bottom:.125rem;left:calc(.5rem - 1px)}.vp-step-mark{background:var(--color-accent);grid-row:1/span 2;width:1rem;height:1rem;margin-top:.1875rem}.vp-step[data-step="1"] .vp-step-mark{background:var(--color-bg);box-shadow:inset 0 0 0 2px var(--color-text-faint)}.vp-step-title{font-weight:var(--font-weight-semibold);color:var(--color-text)}.vp-step-text{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted)}.vp-final{margin-top:var(--card-gap);border-radius:var(--radius-xl);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding:1.5rem;display:flex}@media (min-width:48rem){.vp-final{padding:1.75rem 2rem}}.vp-final-line{max-width:34rem;font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-bold);color:var(--color-text);align-items:center;gap:.75rem;display:flex}}