@font-face{
font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
src:url(fonts/sora-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
src:url(fonts/sora-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root {
--ease-bounce: cubic-bezier(.2,1.7,.4,1);
--color-ink-plum: #1a1524;
--color-light: #ece9f2;
color-scheme: dark;
--tag-accent-bg:    var(--color-accent-800);
--tag-accent-ink:   var(--color-accent-100);
--tag-accent-2-bg:  var(--color-accent-2-900);
--tag-accent-2-ink: var(--color-accent-2-300);
--tag-neutral-bg:   var(--color-neutral-800);
--tag-neutral-ink:  var(--color-neutral-100);
--tag-bad-mix:      55%;
--mute-faint: 50%;
--mute-soft:  52%;
--mute:       55%;
--mute-firm:  58%;
--color-bg: var(--color-ink-plum);
--color-surface: #262032;
--color-text: var(--color-light);
--color-accent: #a487d9;
--color-accent-2: #f2b01e;
--color-divider: color-mix(in srgb, var(--color-text) 16%, transparent);
--color-bad: #e2756b;
--color-gold: var(--color-accent-2);
--color-good: var(--color-accent-400);
--color-muted: var(--color-neutral-500);
--color-neutral-100: #f6f4fa;
--color-neutral-200: #e8e4f0;
--color-neutral-300: #d3cde0;
--color-neutral-400: #b6afc6;
--color-neutral-500: #9790a8;
--color-neutral-600: #79728a;
--color-neutral-700: #5d576b;
--color-neutral-800: #423d4d;
--color-neutral-900: #2b2733;
--color-accent-100: #f8f4ff;
--color-accent-200: #ece4fe;
--color-accent-300: #dbcdfd;
--color-accent-400: #c3a9fb;
--color-accent-500: #a487d9;
--color-accent-600: #866bb8;
--color-accent-700: #67528e;
--color-accent-800: #4a3a66;
--color-accent-900: #30263f;
--color-accent-2-100: #fff8e6;
--color-accent-2-200: #fdedc2;
--color-accent-2-300: #fbdd91;
--color-accent-2-400: #f8c655;
--color-accent-2-500: #f2b01e;
--color-accent-2-600: #c88f16;
--color-accent-2-700: #9a6e13;
--color-accent-2-800: #6d4e11;
--color-accent-2-900: #46330d;
--color-accent-emph: var(--color-accent-200);
--color-accent-hover: var(--color-accent-300);
--color-bloom: var(--color-accent-900);
--color-ramp-ground: var(--color-neutral-900);
--color-ramp-ink: var(--color-neutral-100);
--color-gold-ink: var(--color-gold);
--color-gold-edge: var(--color-gold);
--btn-gold-bg:        transparent;
--btn-gold-bg-hover:  color-mix(in srgb, var(--color-gold) 14%, transparent);
--btn-gold-bg-active: color-mix(in srgb, var(--color-gold) 24%, transparent);
--btn-gold-ink:       var(--color-gold);
--btn-gold-edge:      var(--color-gold);
--color-bad-ink: var(--color-bad);
--color-ok-ink: var(--color-ok, #4fbf87);
--color-danger-ink: var(--color-danger, #e2565a);
--color-section: #2e2464;
--color-section-glow: #40338a;
--color-section-ghost: #56479f;
--font-heading: 'Sora', "Avenir Next", Avenir, "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-heading-weight: 600;
--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--space-1: 2.8px;
--space-2: 5.6px;
--space-3: 8.4px;
--space-4: 11.2px;
--space-6: 16.8px;
--space-8: 22.4px;
--space-12: 33.6px;
--space-20: 56px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 14px;
--shadow-sm: 0 0 0 1px var(--color-neutral-800);
--shadow-md: 0 0 0 1px var(--color-neutral-700), 0 6px 18px rgba(0,0,0,0.55);
--shadow-lg: 0 0 0 1px var(--color-neutral-500), 0 16px 40px rgba(0,0,0,0.65);
}
@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
color-scheme: light;
--tag-accent-bg:    var(--color-accent-700);
--tag-accent-ink:   var(--color-accent-100);
--tag-accent-2-bg:  var(--color-accent-2-400);
--tag-accent-2-ink: var(--color-accent-2-900);
--tag-neutral-bg:   var(--color-neutral-400);
--tag-neutral-ink:  var(--color-neutral-900);
--tag-bad-mix:      52%;
--mute-faint: 63%;
--mute-soft:  64%;
--mute:       66%;
--mute-firm:  68%;
--color-bg: color-mix(in srgb, var(--color-accent) 9%, var(--color-neutral-100));
--color-surface: var(--color-neutral-100);
--color-text: var(--color-ink-plum);
--color-divider: color-mix(in srgb, var(--color-text) 14%, transparent);
--color-accent: var(--color-accent-700);
--color-accent-emph: var(--color-accent-700);
--color-accent-hover: var(--color-accent-600);
--color-bloom: var(--color-accent-200);
--color-ramp-ground: var(--color-neutral-100);
--color-ramp-ink: var(--color-neutral-900);
--color-gold-ink: var(--color-accent-2-800);
--color-gold-edge: var(--color-accent-2-700);
--btn-gold-bg:        var(--color-gold);
--btn-gold-bg-hover:  var(--color-accent-2-400);
--btn-gold-bg-active: var(--color-accent-2-600);
--btn-gold-ink:       var(--color-ink-plum);
--btn-gold-edge:      var(--color-gold);
--color-bad-ink: color-mix(in srgb, var(--color-bad) 55%, var(--color-neutral-900));
--color-ok-ink: color-mix(in srgb, var(--color-ok, #4fbf87) 55%, var(--color-neutral-900));
--color-danger-ink: color-mix(in srgb, var(--color-danger, #e2565a) 70%, var(--color-neutral-900));
--color-good: var(--color-accent-800);
--color-muted: var(--color-neutral-700);
--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-ink-plum) 10%, transparent);
--shadow-md: 0 0 0 1px color-mix(in srgb, var(--color-ink-plum) 10%, transparent),
0 6px 18px color-mix(in srgb, var(--color-ink-plum) 12%, transparent);
--shadow-lg: 0 0 0 1px color-mix(in srgb, var(--color-ink-plum) 14%, transparent),
0 16px 40px color-mix(in srgb, var(--color-ink-plum) 18%, transparent);
}
:root:not([data-theme="dark"]) img[src$="verifiedreply-icon-white.svg"]{content:url(assets/verifiedreply-icon.svg)}
:root:not([data-theme="dark"]) img[src="logo.svg"],
:root:not([data-theme="dark"]) img[src$="/logo.svg"]{content:url(logo-ink.svg)}
:root:not([data-theme="dark"]) img[src$="logo-animated.svg"]{content:url(logo-animated-ink.svg)}
:root:not([data-theme="dark"]) .vr-band img,
:root:not([data-theme="dark"]) .vr-cta img{content:normal}
}
:root[data-theme="light"] {
color-scheme: light;
--tag-accent-bg:    var(--color-accent-700);
--tag-accent-ink:   var(--color-accent-100);
--tag-accent-2-bg:  var(--color-accent-2-400);
--tag-accent-2-ink: var(--color-accent-2-900);
--tag-neutral-bg:   var(--color-neutral-400);
--tag-neutral-ink:  var(--color-neutral-900);
--tag-bad-mix:      52%;
--mute-faint: 63%;
--mute-soft:  64%;
--mute:       66%;
--mute-firm:  68%;
--color-bg: color-mix(in srgb, var(--color-accent) 9%, var(--color-neutral-100));
--color-surface: var(--color-neutral-100);
--color-text: var(--color-ink-plum);
--color-divider: color-mix(in srgb, var(--color-text) 14%, transparent);
--color-accent: var(--color-accent-700);
--color-accent-emph: var(--color-accent-700);
--color-accent-hover: var(--color-accent-600);
--color-bloom: var(--color-accent-200);
--color-ramp-ground: var(--color-neutral-100);
--color-ramp-ink: var(--color-neutral-900);
--color-gold-ink: var(--color-accent-2-800);
--color-gold-edge: var(--color-accent-2-700);
--btn-gold-bg:        var(--color-gold);
--btn-gold-bg-hover:  var(--color-accent-2-400);
--btn-gold-bg-active: var(--color-accent-2-600);
--btn-gold-ink:       var(--color-ink-plum);
--btn-gold-edge:      var(--color-gold);
--color-bad-ink: color-mix(in srgb, var(--color-bad) 55%, var(--color-neutral-900));
--color-ok-ink: color-mix(in srgb, var(--color-ok, #4fbf87) 55%, var(--color-neutral-900));
--color-danger-ink: color-mix(in srgb, var(--color-danger, #e2565a) 70%, var(--color-neutral-900));
--color-good: var(--color-accent-800);
--color-muted: var(--color-neutral-700);
--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-ink-plum) 10%, transparent);
--shadow-md: 0 0 0 1px color-mix(in srgb, var(--color-ink-plum) 10%, transparent),
0 6px 18px color-mix(in srgb, var(--color-ink-plum) 12%, transparent);
--shadow-lg: 0 0 0 1px color-mix(in srgb, var(--color-ink-plum) 14%, transparent),
0 16px 40px color-mix(in srgb, var(--color-ink-plum) 18%, transparent);
}
:root[data-theme="light"] img[src$="verifiedreply-icon-white.svg"]{content:url(assets/verifiedreply-icon.svg)}
:root[data-theme="light"] img[src="logo.svg"],
:root[data-theme="light"] img[src$="/logo.svg"]{content:url(logo-ink.svg)}
:root[data-theme="light"] img[src$="logo-animated.svg"]{content:url(logo-animated-ink.svg)}
:root[data-theme="light"] .vr-band img,
:root[data-theme="light"] .vr-cta img{content:normal}
body {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
}
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-size: 18px; line-height: 1.55; font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);
}
h1 { font-size: 40.32px; }
h2 { font-size: 30.72px; }
h3 { font-size: 24px; }
h4 { font-size: 19.2px; }
h5 { font-size: 19.2px; }
h6 { font-size: 15.6px; }
h6 { letter-spacing: 0.08em; text-transform: uppercase; }
p { margin: 0 0 var(--space-3); }
a { color: var(--color-accent); text-underline-offset: 3px; }
img { display: block; max-width: 100%; }
figure { margin: 0; }
figcaption {
font-size: 13.2px; margin-top: var(--space-1);
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.text-muted { color:color-mix(in srgb, var(--color-text) var(--mute), transparent); }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.vr-skip{
position:absolute;left:-9999px;top:0;
z-index:100;
padding:10px 16px;border-radius:8px;
background:var(--color-bg);color:var(--color-text);
border:1px solid var(--color-accent);
font-weight:600;text-decoration:none;
}
.vr-skip:focus{left:var(--vr-gutter);top:12px}
#vr-main:focus{outline:none}
::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }
.hr {
height: 1px; border: 0; margin: var(--space-4) 0;
background: linear-gradient(to right,
transparent, var(--color-divider) 48px,
var(--color-divider) calc(100% - 48px), transparent);
}
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
cursor: pointer; text-decoration: none;
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 16.8px; line-height: 1.2; color: var(--color-text);
background: transparent; border: 1px solid transparent;
padding: var(--space-2) calc(var(--space-3) * 1.2);
border-radius: var(--radius-md);
}
.btn svg { display: block; }
.btn:disabled { opacity: 0.45; cursor: not-allowed; }
.btn-primary { color: var(--color-accent); border-color: var(--color-accent); }
.btn-primary:hover { background: color-mix(in srgb, var(--color-accent) 12%, transparent); }
.btn-primary:active { background: color-mix(in srgb, var(--color-accent) 22%, transparent); }
.btn-gold {
color: var(--btn-gold-ink); border-color: var(--btn-gold-edge);
background: var(--btn-gold-bg);
}
.btn-gold:hover { background: var(--btn-gold-bg-hover); }
.btn-gold:active { background: var(--btn-gold-bg-active); }
.btn-secondary { border-color: var(--color-divider); }
.btn-secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.btn-secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.field > label {
display: block; font-size: 14.4px; margin-bottom: 5px;
color: color-mix(in srgb, var(--color-text) 70%, transparent);
}
.input {
width: 100%; min-height: 44px; padding: 10px 13px; font: inherit;
font-size: 16.8px; color: var(--color-text); caret-color: var(--color-accent);
background: color-mix(in srgb, var(--color-text) 3%, transparent);
border: 1px solid var(--color-divider); border-radius: var(--radius-md);
transition: border-color .2s ease, background-color .2s ease;
}
.input::placeholder { color: color-mix(in srgb, var(--color-text) 38%, transparent); }
.input:hover {
border-color: color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background: color-mix(in srgb, var(--color-accent) 7%, transparent);
}
.input:focus-visible {
border-color: var(--color-accent); outline-offset: 0;
background: color-mix(in srgb, var(--color-accent) 9%, transparent);
}
textarea.input { min-height: 90px; resize: vertical; }
.radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 16.8px; }
.radio input, .seg-opt input {
position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.radio .dot {
width: 16px; height: 16px; flex: none; border-radius: 50%;
border: 1.5px solid var(--color-divider);
}
.radio:hover .dot { border-color: var(--color-accent); }
.radio input:checked + .dot {
border-color: var(--color-accent); background: var(--color-accent);
box-shadow: inset 0 0 0 4px var(--color-bg);
}
.radio input:focus-visible + .dot { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.seg {
display: inline-flex; overflow: hidden;
border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.seg-opt {
display: inline-flex; align-items: center; gap: 6px;
padding: 7px 12px; font-size: 15.6px; cursor: pointer;
}
.seg-opt + .seg-opt { border-left: 1px solid var(--color-divider); }
.seg-opt:has(input:checked) { color: var(--color-accent); box-shadow: inset 0 0 0 1px var(--color-accent); }
.seg-opt:not(:has(input:checked)):hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.seg-opt:has(input:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: -2px; }
.tag {
display: inline-flex; align-items: center; font-size: 13.2px;
letter-spacing: 0.02em; padding: 3px 10px;
border-radius: calc(var(--radius-md) * 0.75);
}
.tag-accent { background: var(--tag-accent-bg); color: var(--tag-accent-ink); }
.tag-neutral { background: var(--tag-neutral-bg); color: var(--tag-neutral-ink); }
.tag-outline { border: 1px solid var(--color-accent); color: var(--color-accent); }
.nav {
display: flex; align-items: center; gap: var(--space-4);
padding: var(--space-3) var(--space-4);
border-bottom: none;
}
.nav-brand {
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 21.6px; margin-right: auto;
}
.nav a { color: inherit; text-decoration: none; font-size: 16.8px; }
.nav a:hover, .nav a[aria-current='page'] { color: var(--color-accent); }
.table { width: 100%; border-collapse: collapse; font-size: 16.8px; }
.table th {
text-align: left; font-size: 13.2px; letter-spacing: 0.08em; text-transform: uppercase;
color: color-mix(in srgb, var(--color-text) 60%, transparent);
padding: var(--space-2); border-bottom: 1px solid transparent;
}
.table td {
padding: var(--space-2);
border-bottom: 1px solid transparent;
}
.table thead tr {
background: linear-gradient(to right,
transparent, var(--color-divider) 48px,
var(--color-divider) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.table tbody tr {
background: linear-gradient(to right,
transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.table tbody tr:hover {
background:
linear-gradient(color-mix(in srgb, var(--color-text) 4%, transparent),
color-mix(in srgb, var(--color-text) 4%, transparent)) no-repeat 0 0 / 100% 100%,
linear-gradient(to right,
transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
:root {
--vr-gutter: clamp(20px, 5vw, 72px);
--vr-max: 1728px;
--vr-rhythm: clamp(72px, 9vw + 14.4px, 144px);
}
body{margin:0;text-wrap:pretty}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
a{color:var(--color-accent);text-decoration:none}
a:hover{color:var(--color-accent-hover)}
.vr-page{
min-height:100vh;
min-height:100svh;
background:
radial-gradient(1200px 720px at 82% -180px,
color-mix(in srgb, var(--color-bloom) 80%, transparent), transparent 60%),
var(--color-bg);
}
.vr-shell{max-width:var(--vr-max);margin:0 auto;padding-left:var(--vr-gutter);padding-right:var(--vr-gutter)}
.vr-nowrap{white-space:nowrap}
.vr-svg{display:block}
.vr-ico{display:block;flex:none}
.vr-num{font-feature-settings:'tnum' 1}
.vr-hr-flush{margin:0}
.vr-list{display:grid;gap:0}
.vr-stars-gold{display:flex;gap:1px;color:var(--color-gold)}
.vr-stars-gold svg{display:block}
.vr-eyebrow{
display:flex;align-items:center;gap:12px;
font-size:15.6px;line-height:16.8px;letter-spacing:.06em;
text-transform:uppercase;color:var(--color-accent);margin:0 0 16px;
}
.vr-eyebrow-rule{
flex:none;width:44px;height:1px;background:var(--color-accent);
}
.vr-h2{font-size:clamp(28.8px,3.46vw,44.16px);line-height:1.1;letter-spacing:-.02em;margin:0}
.vr-h2-sm{font-size:clamp(26.88px,3.07vw,38.4px);line-height:1.12;letter-spacing:-.02em;margin:0}
.vr-btn-lg{font-size:18px;padding:11px 20px;white-space:nowrap}
.vr-btn-lg-tall{font-size:18px;padding:12px 20px;white-space:nowrap}
.vr-btn-lg-wide{font-size:18px;padding:12px 22px;white-space:nowrap}
@media (max-width:420px){
.vr-btn-lg,.vr-btn-lg-tall,.vr-btn-lg-wide{white-space:normal;text-align:center}
}
.vr-tag-lg{font-size:16.8px;padding:7px 14px;white-space:nowrap}
.vr-tag-sm{font-size:13.2px;padding:5px 9px;white-space:nowrap}
.vr-tag-sm-outline{font-size:13.2px;padding:4px 9px;white-space:nowrap}
.vr-copy{font-size:19.2px;line-height:33.6px;margin:0;color:color-mix(in srgb, var(--color-text) 78%, transparent)}
.vr-band{padding:var(--vr-rhythm) 0}
.vr-band-right{
background:
radial-gradient(900px 460px at 88% -60%,
color-mix(in srgb, var(--color-section-glow) 65%, transparent), transparent 64%),
var(--color-section);
}
.vr-band-left{
background:
radial-gradient(900px 460px at 12% -60%,
color-mix(in srgb, var(--color-section-glow) 60%, transparent), transparent 64%),
var(--color-section);
}
.vr-band,
.vr-cta{
color-scheme: dark;
--tag-accent-bg: var(--color-accent-800);
--tag-accent-ink: var(--color-accent-100);
--tag-accent-2-bg: var(--color-accent-2-900);
--tag-accent-2-ink: var(--color-accent-2-300);
--tag-neutral-bg: var(--color-neutral-800);
--tag-neutral-ink: var(--color-neutral-100);
--tag-bad-mix: 55%;
--color-bg: var(--color-ink-plum);
--color-surface: #262032;
--color-text: var(--color-light);
--color-divider: color-mix(in srgb, var(--color-text) 16%, transparent);
--color-accent: var(--color-accent-300);
--color-accent-emph: var(--color-accent-200);
--color-accent-hover: var(--color-accent-300);
--color-ramp-ground: var(--color-neutral-900);
--color-ramp-ink: var(--color-neutral-100);
--color-gold-ink: var(--color-gold);
--color-gold-edge: var(--color-gold);
--btn-gold-bg: transparent;
--btn-gold-bg-hover: color-mix(in srgb, var(--color-gold) 14%, transparent);
--btn-gold-bg-active: color-mix(in srgb, var(--color-gold) 24%, transparent);
--btn-gold-ink: var(--color-gold);
--btn-gold-edge: var(--color-gold);
--shadow-sm: 0 0 0 1px var(--color-neutral-800);
--shadow-md: 0 0 0 1px var(--color-neutral-700), 0 6px 18px rgba(0,0,0,0.55);
--shadow-lg: 0 0 0 1px var(--color-neutral-500), 0 16px 40px rgba(0,0,0,0.65);
color: var(--color-text);
}
.vr-band a:hover,
.vr-cta a:hover{color:var(--color-accent-emph)}
section.vr-shell + section.vr-shell,
section.vr-shell + .vr-spacer + section.vr-shell{padding-top:0;scroll-margin-top:var(--vr-rhythm)}
.vr-band + .vr-band,
.vr-band + .vr-cta{padding-top:0;scroll-margin-top:var(--vr-rhythm)}
.vr-band,
.vr-cta{
--vr-band-top:inset 0 1px 0 color-mix(in srgb, var(--color-light) 12%, transparent),inset 0 12px 16px -12px rgba(0,0,0,.28);
--vr-band-bot:inset 0 -1px 0 color-mix(in srgb, var(--color-light) 12%, transparent),inset 0 -12px 16px -12px rgba(0,0,0,.28);
box-shadow:var(--vr-band-top),var(--vr-band-bot);
}
.vr-band + .vr-band,
.vr-band + .vr-cta{--vr-band-top:inset 0 0 0 transparent}
.vr-band:has(+ .vr-band, + .vr-cta){--vr-band-bot:inset 0 0 0 transparent}
.vr-spacer{height:calc(var(--vr-rhythm) * 0.75)}
.vr-nav{
max-width:var(--vr-max);margin:0 auto;padding:18px var(--vr-gutter);
flex-wrap:wrap;row-gap:14px;
column-gap:30px;
}
.vr-brand{display:inline-flex;align-items:center;gap:7px;letter-spacing:-.01em}
.vr-logo{display:block;height:27px;width:auto}
.vr-logo-sm{height:20px}
.vr-logo-xl{height:72px;max-width:100%;margin:0 auto}
@media (max-width:640px){.vr-logo-xl{height:52px}}
.vr-logo-inline{display:inline-block;height:1.05em;width:auto;vertical-align:-0.13em;margin:0 .1em}
.vr-mark{display:inline-block;vertical-align:-.16em}
.vr-nav-cta{white-space:nowrap;padding:8px 14px}
.vr-nav a.vr-nav-cta.btn-gold{color:var(--btn-gold-ink)}
.vr-hero{padding-top:60px;padding-bottom:var(--vr-rhythm)}
.vr-hero-h{
font-size:clamp(42.24px,5.68vw,80.64px);line-height:1.06;letter-spacing:-.025em;
margin:0 0 28px;margin-left:-.02em;
max-width:13em;
}
.vr-line{display:block}
.vr-hero-sub{
display:inline-flex;align-self:flex-start;align-items:center;gap:9px;
margin:0 0 20px;padding:6px 16px 6px 13px;
border:1px solid color-mix(in srgb, var(--color-accent) 62%, transparent);
border-radius:99px;
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
font-size:clamp(16.8px,1.5vw,20.4px);line-height:1.3;letter-spacing:-.005em;
}
.vr-hero-sub svg{flex:none;display:block}
.vr-hero-lede{font-size:22.8px;line-height:38.4px;margin:0;max-width:60ch}
.vr-hero-grid{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
gap:80px;align-items:start;
}
.vr-hero-grid .vr-hero-h{font-size:clamp(36px,3.4vw,57.6px);max-width:none}
.vr-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.vr-hero-note{font-size:16.8px;line-height:28.8px;margin:22px 0 0;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-hero{display:flex;flex-direction:column}
.vr-hero .vr-flow{order:1;margin-top:40px}
.vr-hero-actions{order:2}
.vr-hero-note{order:3}
.vr-opener{--vr-op-nav:76px}
.vr-op-screen{
display:flex;flex-direction:column;justify-content:center;
min-height:calc(100vh - var(--vr-op-nav));
min-height:calc(100svh - var(--vr-op-nav));
padding-top:32px;padding-bottom:28px;
}
.vr-op-h{
font-family:var(--font-heading);font-weight:var(--font-heading-weight);
font-size:clamp(40px,5.4vw,96px);line-height:1.08;letter-spacing:-.03em;
margin:0;margin-left:-.02em;
}
.vr-op-top{display:flex;margin-bottom:clamp(28px,5vh,56px)}
.vr-op-top .vr-hero-sub{margin:0}
.vr-op-body{margin:auto 0}
.vr-op-l1,.vr-op-l2{display:block;text-wrap:balance}
.vr-op-w{display:inline-block}
.vr-op-hit{position:relative;display:inline-block;white-space:nowrap}
.vr-op-slam{
--vr-op-edge:color-mix(in srgb, var(--color-accent) 62%, transparent);
--vr-op-fill:color-mix(in srgb, var(--color-accent) 14%, var(--color-bg));
--vr-op-lit:color-mix(in srgb, var(--color-accent) 34%, var(--color-bg));
--vr-op-lip:color-mix(in srgb, var(--color-accent) 48%, var(--color-bg));
--vr-op-room:1.1em;
--vr-op-depth:.09em;
position:relative;display:inline-block;
}
.vr-op-slam::before{
content:'';position:absolute;z-index:-1;
top:.04em;bottom:-.02em;left:calc(var(--vr-op-room) * -1 + .02em);right:-.3em;
border:.045em solid var(--vr-op-edge);border-radius:.36em;
background:var(--vr-op-fill);
opacity:0;
}
.vr-op-slam::after{
content:'';position:absolute;z-index:-2;
top:calc(.04em + var(--vr-op-depth));bottom:calc(-.02em - var(--vr-op-depth));
left:calc(var(--vr-op-room) * -1 + .02em);right:-.3em;
border-radius:.36em;background:var(--vr-op-lip);
opacity:0;
}
.vr-op-slam svg{
position:absolute;left:-.86em;top:50%;width:.72em;height:.72em;margin-top:-.3em;
color:var(--color-gold-edge);opacity:0;
}
.vr-op-burst{position:absolute;left:50%;top:55%;width:0;height:0;z-index:-1;pointer-events:none}
.vr-op-burst > span{
position:absolute;left:0;top:0;border-radius:50%;
width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);
background:radial-gradient(closest-side, color-mix(in srgb, var(--c) var(--a), transparent), transparent);
transform:translate(var(--x),var(--y));
opacity:var(--o);
}
.vr-op-burst > span:nth-child(1){--d:5.2em;--x:-1.6em;--y:-.3em;--c:var(--color-accent);--a:42%;--o:.75}
.vr-op-burst > span:nth-child(2){--d:4.2em;--x:1.9em;--y:-.6em;--c:var(--color-accent-2);--a:30%;--o:.7}
.vr-op-burst > span:nth-child(3){--d:3.4em;--x:.4em;--y:.9em;--c:var(--color-accent-400);--a:40%;--o:.65}
.vr-op-burst > span:nth-child(4){--d:2.8em;--x:3.4em;--y:.5em;--c:var(--color-accent);--a:36%;--o:.55}
.vr-op-burst > span:nth-child(5){--d:2.4em;--x:-3.3em;--y:.6em;--c:var(--color-accent-2);--a:26%;--o:.5}
.vr-op-burst > .vr-op-ring{
--d:3em;--x:0px;--y:-.1em;--o:0;
background:none;border:.04em solid var(--color-accent);
}
.vr-op-cue{display:none}
@media (min-width:861px) and (min-height:1100px){
.vr-op-cue{display:inline-flex}
}
.vr-op-cue{
align-self:flex-start;align-items:center;gap:10px;
margin-top:40px;padding:10px 0;
font-size:16.8px;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
}
.vr-op-cue:hover{color:var(--color-text)}
.vr-op-cue svg{display:block;flex:none;color:var(--color-accent)}
@keyframes vr-op-rise{from{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:none}}
@keyframes vr-op-slam{
0%  {opacity:0;transform:scale(2.8);animation-timing-function:cubic-bezier(.55,0,.9,.45)}
20% {opacity:1}
48% {opacity:1;transform:scale(.9)}
75% {transform:scale(1.05)}
100%{opacity:1;transform:none}
}
@keyframes vr-op-room{
0%,65%{translate:var(--vr-op-room) 0;animation-timing-function:cubic-bezier(.5,0,.8,.4)}
69%,74%{translate:var(--vr-op-room) var(--vr-op-depth);animation-timing-function:cubic-bezier(.2,.9,.3,1)}
79%   {translate:var(--vr-op-room) calc(var(--vr-op-depth) * -.45)}
82.5% {translate:var(--vr-op-room) 0}
84%   {translate:var(--vr-op-room) 0;animation-timing-function:cubic-bezier(.3,0,.2,1)}
92.5%,100%{translate:none}
}
@keyframes vr-op-ink{0%,84%{color:var(--color-accent)}92.5%,100%{color:var(--color-text)}}
@keyframes vr-op-chrome{
0%,65%{opacity:1;background:var(--vr-op-fill)}
69%,74%{opacity:1;background:var(--vr-op-lit)}
80%,100%{opacity:0;background:var(--vr-op-fill)}
}
@keyframes vr-op-lip{
0%,65%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(.5,0,.8,.4)}
69%,74%{opacity:1;translate:0 calc(var(--vr-op-depth) * -1);animation-timing-function:cubic-bezier(.2,.9,.3,1)}
79%   {opacity:0;translate:0 calc(var(--vr-op-depth) * .45)}
100%  {opacity:0;translate:0 0}
}
@keyframes vr-op-arrow{0%,74%{opacity:1}80%,100%{opacity:0}}
@keyframes vr-op-blow{
0%  {opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}
30% {opacity:1;transform:translate(calc(var(--x) * 1.5),calc(var(--y) * 1.5)) scale(1.5)}
100%{opacity:var(--o);transform:translate(var(--x),var(--y))}
}
@keyframes vr-op-ring{
0%  {opacity:0;transform:scale(.2)}
8%  {opacity:.9}
100%{opacity:0;transform:scale(4.5)}
}
@keyframes vr-op-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes vr-op-nudge{0%,100%{transform:none}50%{transform:translateY(5px)}}
.vr-op-w{animation:vr-op-rise .7s cubic-bezier(.2,.8,.2,1) both}
.vr-op-l1 .vr-op-w:nth-child(1){animation-delay:.1s}
.vr-op-l1 .vr-op-w:nth-child(2){animation-delay:.18s}
.vr-op-l1 .vr-op-w:nth-child(3){animation-delay:.26s}
.vr-op-l1 .vr-op-w:nth-child(4){animation-delay:.34s}
.vr-op-l2 .vr-op-w:nth-child(1){animation-delay:1s}
.vr-op-l2 .vr-op-w:nth-child(2){animation-delay:1.08s}
.vr-op-l2 .vr-op-w:nth-child(3){animation-delay:1.16s}
.vr-op-l2 .vr-op-w:nth-child(4){animation-delay:1.24s}
.vr-op-slam{animation:vr-op-slam .8s cubic-bezier(.2,.7,.2,1) 1.5s both,vr-op-room 2s linear 1.5s both,vr-op-ink 2s linear 1.5s both}
.vr-op-slam::before{animation:vr-op-chrome 2s linear 1.5s both}
.vr-op-slam::after{animation:vr-op-lip 2s linear 1.5s both}
.vr-op-slam svg{animation:vr-op-arrow 2s linear 1.5s both}
.vr-op-burst > span{animation:vr-op-blow 1.6s cubic-bezier(.15,.8,.25,1) 1.85s both}
.vr-op-burst > span:nth-child(2){animation-delay:1.9s}
.vr-op-burst > span:nth-child(3){animation-delay:1.95s}
.vr-op-burst > span:nth-child(4){animation-delay:2s}
.vr-op-burst > span:nth-child(5){animation-delay:2.05s}
.vr-op-burst > .vr-op-ring{animation:vr-op-ring .9s cubic-bezier(.1,.6,.3,1) 1.85s both}
.vr-op-cue{animation:vr-op-fade .6s ease-out 6.4s both}
.vr-op-cue svg{animation:vr-op-nudge 1.1s ease-in-out 7s 3}
.vr-op-stage{--vr-chrome-at:5s;--vr-steps-at:8s;display:grid;grid-template-columns:minmax(0,48rem) minmax(0,22rem);gap:clamp(32px,4vw,72px);
align-items:center;margin-top:clamp(32px,5vh,64px)}
.vr-jw{grid-column:1;grid-row:1}
.vr-jw-steps{grid-column:2;grid-row:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.vr-jw-steps li{transition:opacity .3s;opacity:.45}
.vr-jw-steps li[data-vr-on],.vr-jw-steps:not([data-vr-live]) li{opacity:1}
.vr-jw-steps li[data-vr-done]{opacity:.7}
.vr-jw-step-t{font-size:17.4px;line-height:1.5}
.vr-jw-step-t strong{display:block;font-weight:600}
.vr-jw-step-t span{color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-jw-steps li[data-vr-on] .vr-jw-step-t span{color:var(--color-gold-ink)}
@media (max-width:1100px){
.vr-op-stage{grid-template-columns:minmax(0,48rem);gap:16px}
.vr-jw,.vr-jw-steps{grid-column:1;grid-row:auto}
.vr-jw-steps{min-height:3.2em}
.vr-jw-steps[data-vr-live] li:not([data-vr-on]){display:none}
.vr-mail-body{font-size:clamp(20.4px,2.6vw,26.4px)}
}
.vr-jw{--vr-ch:.016s;position:relative;z-index:3}
.vr-jw-sheet{animation:vr-jw-chrome .9s ease-out var(--vr-chrome-at) both}
@keyframes vr-jw-chrome{from{background-color:transparent;border-color:transparent;box-shadow:0 0 0 transparent}}
.vr-jw-bar,.vr-mail-fields,.vr-mail-quote,.vr-mail-foot{
animation:vr-op-fade .8s cubic-bezier(.2,.8,.2,1) calc(var(--vr-chrome-at) + .25s) both}
.vr-jw-steps{animation:vr-op-fade .8s cubic-bezier(.2,.8,.2,1) var(--vr-steps-at) both}
.vr-op-stage:has(.vr-jw:not([data-vr-at="mail"])) .vr-jw-steps{animation:none}
.vr-jw-bar,.vr-mail-fields,.vr-mail-quote{transition:filter .35s ease}
.vr-jw[data-vr-at="mail"] .vr-jw-bar,
.vr-jw[data-vr-at="mail"] .vr-mail-fields,
.vr-jw[data-vr-at="mail"] .vr-mail-quote{filter:opacity(.5)}
@media (hover:hover){
.vr-jw[data-vr-at="mail"] .vr-jw-bar,
.vr-jw[data-vr-at="mail"] .vr-mail-fields,
.vr-jw[data-vr-at="mail"] .vr-mail-quote{filter:opacity(.3)}
}
.vr-jw[data-vr-at="mail"]:hover .vr-jw-bar,
.vr-jw[data-vr-at="mail"]:hover .vr-mail-fields,
.vr-jw[data-vr-at="mail"]:hover .vr-mail-quote,
.vr-jw[data-vr-at="mail"]:focus-within .vr-jw-bar,
.vr-jw[data-vr-at="mail"]:focus-within .vr-mail-fields,
.vr-jw[data-vr-at="mail"]:focus-within .vr-mail-quote{filter:none}
.vr-jw-sheet{transition:opacity .4s,scale .4s cubic-bezier(.5,0,.75,0),border-color .35s}
.vr-jw[data-vr-at="mail"]:not(:hover):not(:focus-within) .vr-jw-sheet{border-color:color-mix(in srgb, var(--color-text) 11%, transparent)}
.vr-jw[data-vr-drawn] .vr-mail-fields,.vr-jw[data-vr-drawn] .vr-mail-quote,.vr-jw[data-vr-drawn] .vr-mail-foot{animation:none}
.vr-jw-sheet{
position:relative;
background:var(--color-surface);
border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);
border-radius:12px;overflow:hidden;
box-shadow:var(--shadow-lg),0 30px 80px -20px rgba(0,0,0,.5);
}
.vr-jw-bar{display:flex;align-items:center;gap:14px;padding:11px 16px;min-height:44px;box-sizing:border-box;
border-bottom:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 8%, var(--color-surface))}
.vr-jw-dots{display:flex;gap:8px;flex:none}
.vr-jw-dots span{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.25)}
.vr-jw-dots span:nth-child(1){background:#ff5f57}
.vr-jw-dots span:nth-child(2){background:#febc2e}
.vr-jw-dots span:nth-child(3){background:#28c840}
.vr-jw-title{flex:1;min-width:0;padding-right:58px;text-align:center;
font-size:13.8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-jw-url{display:none;flex:1;min-width:0;align-items:center;gap:12px}
.vr-jw-back{flex:none;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-jw-addr{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;
padding:4px 12px;border-radius:7px;font-size:13.8px;
background:color-mix(in srgb, var(--color-text) 7%, transparent);
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-jw-addr svg{flex:none}
.vr-jw-addr-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-jw:not([data-vr-at="mail"]) .vr-jw-title{display:none}
.vr-jw:not([data-vr-at="mail"]) .vr-jw-url{display:flex}
.vr-jw-view{--vr-jw-min:380px;height:clamp(420px,54vh,540px);overflow:hidden}
.vr-jw-scene[hidden]{display:none}
.vr-jw-mail{display:flex;flex-direction:column;min-height:100%}
.vr-jw-mail[hidden]{display:none}
.vr-jw-mail .vr-mail-foot{margin-top:auto}
.vr-mail-fields{padding:0 24px}
.vr-mail-field{padding:9px 0;border-bottom:1px solid var(--color-divider);font-size:15px;line-height:22px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-mail-field span{display:inline-block;width:4.6em;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-mail-body{margin:0;padding:20px 24px 4px;max-width:none;font-size:clamp(21.6px,calc(16.8px + .45vw),24px);line-height:1.55}
.vr-jw-p{display:block}
.vr-jw-p + .vr-jw-p{margin-top:.4em}
.vr-mail-w{position:relative;display:inline-block}
.vr-mail-w > span{display:inline-block;
animation:vr-mail-type calc(var(--n) * var(--vr-ch)) steps(var(--n), end) var(--t) backwards}
.vr-mail-w::after{
content:'';position:absolute;left:0;top:.18em;bottom:.12em;width:2px;margin-left:1px;
background:var(--color-accent);opacity:0;
animation:vr-mail-caret calc((var(--n) + 1) * var(--vr-ch)) steps(var(--n), end) var(--t)}
.vr-jw[data-vr-typed] .vr-mail-w > span,
.vr-jw[data-vr-typed] .vr-mail-w::after{animation:none}
.vr-mail-quote{margin:0 24px 22px;padding-left:12px;border-left:2px solid var(--color-divider);
font-size:14.4px;line-height:1.5;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-mail-foot{padding:32px 24px 18px}
.vr-mail-send{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border:0;border-radius:99px;
background:var(--color-accent);color:var(--color-bg);font:inherit;font-size:15.6px;font-weight:600;line-height:22px}
.vr-mail-send svg{display:block}
.vr-mail-foot{display:flex;align-items:center;gap:6px}
.vr-jw-arrow{flex:none;margin:-4px 0 0 8px;color:var(--color-gold);opacity:0;pointer-events:none}
.vr-jw-arrow path{stroke-dasharray:100;stroke-dashoffset:100}
.vr-mail-send[data-vr-pulse] + .vr-jw-arrow{opacity:1;animation:vr-jw-nudge 1.2s ease-in-out 1.1s infinite}
.vr-mail-send[data-vr-pulse] + .vr-jw-arrow .vr-jw-arrow-shaft{animation:vr-jw-draw .55s cubic-bezier(.4,0,.2,1) forwards}
.vr-mail-send[data-vr-pulse] + .vr-jw-arrow .vr-jw-arrow-head{animation:vr-jw-draw .25s ease-out .5s forwards}
@keyframes vr-jw-draw{to{stroke-dashoffset:0}}
@keyframes vr-jw-nudge{50%{translate:-7px 2px}}
.vr-jw-try{margin:-24px 0 0 -2px;white-space:nowrap;
font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;
color:var(--color-gold-ink);rotate:-5deg;opacity:0;scale:.6;pointer-events:none}
.vr-mail-send[data-vr-pulse] ~ .vr-jw-try{animation:vr-jw-note .35s cubic-bezier(.3,1.6,.5,1) .35s forwards}
@keyframes vr-jw-note{to{opacity:1;scale:1}}
.vr-jw[data-vr-sending] .vr-jw-mail{transition:opacity .35s ease-in,scale .35s cubic-bezier(.5,0,.75,0);opacity:0;scale:.6}
.vr-jw-plane{position:absolute;left:0;top:0;z-index:6;width:44px;height:44px;pointer-events:none;
offset-anchor:center;offset-rotate:auto;color:var(--color-accent);opacity:0}
.vr-jw-plane svg{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.vr-jw-burst{display:none}
.vr-jw > .vr-jw-burst[data-vr-on]{display:block;position:absolute;z-index:6;width:0;height:0;pointer-events:none}
.vr-jw-burst > span{position:absolute;left:-7px;top:-7px;width:14px;height:14px;color:var(--color-gold);opacity:0;
animation:vr-jw-spark .9s cubic-bezier(.15,.8,.3,1) both}
.vr-jw-burst > span:nth-child(even){animation-delay:.06s;width:10px;height:10px;left:-5px;top:-5px}
.vr-jw-burst svg{display:block;width:100%;height:100%}
.vr-jw-burst > span:nth-child(1){--x:-46px;--y:-30px}
.vr-jw-burst > span:nth-child(2){--x:-18px;--y:-54px}
.vr-jw-burst > span:nth-child(3){--x:26px;--y:-50px}
.vr-jw-burst > span:nth-child(4){--x:52px;--y:-14px}
.vr-jw-burst > span:nth-child(5){--x:-56px;--y:12px}
.vr-jw-burst > span:nth-child(6){--x:40px;--y:26px}
.vr-jw-burst > span:nth-child(7){--x:-8px;--y:40px}
@keyframes vr-jw-spark{
0%  {opacity:1;transform:scale(0)}
50% {opacity:1;transform:translate(var(--x),var(--y)) scale(1.1) rotate(40deg)}
100%{opacity:0;transform:translate(calc(var(--x) * 1.2),calc(var(--y) + 26px)) scale(0) rotate(80deg)}
}
.vr-jw [data-vr-go]{transition:transform .12s,filter .12s}
.vr-jw [data-vr-go][data-vr-pressed]{transform:scale(.92);filter:brightness(1.2)}
.vr-jw-bar{position:relative}
.vr-jw-load{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent);
transform-origin:0 50%;transform:scaleX(0);opacity:0}
.vr-jw[data-vr-loading] .vr-jw-load{animation:vr-jw-load .7s cubic-bezier(.3,.7,.4,1) both}
@keyframes vr-jw-load{0%{opacity:1;transform:scaleX(0)}80%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
.vr-jw-scene[data-vr-out]{animation:vr-jw-out .28s cubic-bezier(.5,0,.75,0) both}
.vr-jw-scene[data-vr-in]{animation:vr-jw-in .45s cubic-bezier(.2,.8,.2,1) both}
.vr-jw[data-vr-dir="back"] .vr-jw-scene[data-vr-out]{animation-name:vr-jw-out-back}
.vr-jw[data-vr-dir="back"] .vr-jw-scene[data-vr-in]{animation-name:vr-jw-in-back}
@keyframes vr-jw-out{to{opacity:0;transform:translateX(-48px)}}
@keyframes vr-jw-in{from{opacity:0;transform:translateX(64px)}to{opacity:1;transform:none}}
@keyframes vr-jw-out-back{to{opacity:0;transform:translateX(48px)}}
@keyframes vr-jw-in-back{from{opacity:0;transform:translateX(-64px)}to{opacity:1;transform:none}}
.vr-jw > .vr-jw-burst[data-vr-on="big"]{scale:2.2}
.vr-jw[data-vr-bought] .vr-shop-basket{animation:vr-jw-wobble .6s cubic-bezier(.3,.7,.4,1);color:var(--color-text)}
@keyframes vr-jw-wobble{20%{rotate:-12deg;scale:1.15}45%{rotate:9deg}70%{rotate:-4deg}}
.vr-shop-basket{transform-origin:50% 0}
.vr-shop-sold{position:absolute;left:50%;top:50%;z-index:4;margin:0;padding:16px 22px;border-radius:14px;
translate:-50% -50%;scale:.7;opacity:0;pointer-events:none;white-space:nowrap;
background:var(--color-accent);color:var(--color-bg);font-size:18px;box-shadow:var(--shadow-lg);
transition:opacity .25s,scale .45s cubic-bezier(.3,1.6,.5,1)}
.vr-shop-sold span{font-family:var(--font-heading);font-size:24px}
.vr-jw[data-vr-bought] .vr-shop-sold{opacity:1;scale:1;transition-delay:.15s}
@media (max-width:860px){.vr-shop-sold{white-space:normal;width:80%;text-align:center}}
.vr-wp-bar{display:flex;align-items:center;gap:16px;height:32px;padding:0 12px;
background:#1d2327;color:#f0f0f1;font-size:13px}
.vr-wp-bar-site{display:inline-flex;align-items:center;gap:6px}
.vr-wp-bar-user{margin-left:auto;color:#c3c4c7}
.vr-jw-steps-wrap{display:contents}
.vr-jw-admin{padding:0}
.vr-jw .vr-pub{border:0;border-radius:0;background:none}
.vr-jw .vr-pub-done{animation:none;opacity:0;transition:opacity .3s}
.vr-jw[data-vr-published] .vr-pub-done{opacity:1}
.vr-wpf-h{margin:0 0 14px;font-size:22px;font-weight:400}
.vr-wpf-input,.vr-wpf-text{display:block;box-sizing:border-box;width:100%;margin:0 0 12px;
border:1px solid color-mix(in srgb, var(--color-text) 28%, transparent);border-radius:4px;
background:color-mix(in srgb, var(--color-bg) 55%, transparent)}
.vr-wpf-input{padding:8px 12px;font-size:15px;line-height:22px}
.vr-wpf-text{min-height:96px;padding:10px 12px;margin-bottom:18px;
font-family:'Courier New',Courier,monospace;font-size:15.6px;line-height:1.55}
.vr-jw-decide{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.vr-jw-publish,.vr-jw-reject{padding:9px 18px;border-radius:8px;font:inherit;font-size:15px;font-weight:600}
.vr-jw-publish{border:0;background:var(--color-accent);color:var(--color-bg)}
.vr-jw-reject{border:1px solid color-mix(in srgb, var(--color-text) 30%, transparent);background:none;color:var(--color-text)}
.vr-jw[data-vr-published] .vr-jw-reject{opacity:.4}
.vr-jw-reject[data-vr-shake]{animation:vr-jw-shake .45s cubic-bezier(.3,.7,.4,1)}
@keyframes vr-jw-shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}
.vr-shop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;
border-bottom:1px solid var(--color-divider)}
.vr-shop-name{font-family:var(--font-heading);font-size:16.8px}
.vr-shop-basket{display:inline-flex;align-items:center;gap:7px;font-size:14.4px;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-shop-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;
border-radius:99px;font-size:12px;background:color-mix(in srgb, var(--color-text) 12%, transparent)}
.vr-jw[data-vr-bought] .vr-shop-count{background:var(--color-accent);color:var(--color-bg);animation:vr-jw-bump .5s cubic-bezier(.2,.8,.2,1) .1s}
@keyframes vr-jw-bump{40%{transform:scale(1.5)}}
.vr-shop-product{display:grid;grid-template-columns:clamp(84px,18%,150px) minmax(0,1fr);gap:20px;align-items:start;padding:20px 22px}
.vr-shop-img{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 12%, transparent)}
.vr-shop-img svg{width:62%}
.vr-shop-info p{margin:0}
.vr-shop-title{font-family:var(--font-heading);font-size:20.4px;line-height:1.25}
.vr-shop-rating{display:flex;align-items:center;gap:8px;margin-top:8px !important;font-size:14.4px;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-shop-rating .vr-stars-gold svg{display:block}
.vr-shop-rating .vr-stars-gold{display:inline-flex;gap:1px}
.vr-shop-price{margin-top:10px !important;font-size:19.2px;font-weight:600}
.vr-shop-add{position:relative;display:inline-grid;margin-top:12px;padding:10px 20px;border:0;border-radius:8px;
background:var(--color-accent);color:var(--color-bg);font:inherit;font-size:15.6px;font-weight:600}
.vr-shop-add-t,.vr-shop-add-done{grid-area:1/1;transition:opacity .2s,translate .2s}
.vr-shop-add-done{opacity:0;translate:0 8px}
.vr-jw[data-vr-bought] .vr-shop-add-t{opacity:0;translate:0 -8px}
.vr-jw[data-vr-bought] .vr-shop-add-done{opacity:1;translate:none}
.vr-shop-reviews{padding:4px 22px 22px}
.vr-shop-rh{margin:0 0 10px;font-size:13.2px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-shop-mark{padding:2px 0;border-width:0 0 1px;background:none;font:inherit}
.vr-shop-reviews .vr-stars-gold{display:inline-flex;gap:1px}
.vr-shop-who{display:inline-flex;align-items:center;gap:10px}
.vr-jw-record .vr-mini,.vr-jw-record .vr-record-link,.vr-jw-record .vr-doc-bar{display:none}
.vr-jw-record .vr-doc{border:0;border-radius:0;background:none}
.vr-jw-record .vr-doc-btn{font:inherit;font-size:13.2px}
.vr-jw button:disabled{cursor:default}
.vr-jw[data-vr-live] [data-vr-go]{cursor:pointer}
.vr-jw-beacon{position:absolute;z-index:5;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;
pointer-events:none;opacity:0;transition:opacity .25s}
.vr-jw-beacon[data-vr-on]{opacity:1}
.vr-jw-beacon::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--color-gold);
box-shadow:0 0 0 2px var(--color-surface),0 0 12px 2px color-mix(in srgb, var(--color-gold) 55%, transparent)}
.vr-jw-beacon > span{position:absolute;inset:0;border-radius:50%;border:2px solid var(--color-gold);
animation:vr-jw-beacon 1.6s cubic-bezier(.2,.6,.3,1) infinite}
.vr-jw-beacon > span:nth-child(2){animation-delay:.8s}
@keyframes vr-jw-beacon{from{transform:scale(1);opacity:.95}to{transform:scale(3.8);opacity:0}}
.vr-jw [data-vr-go]:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}
.vr-jw[data-vr-at="done"] .vr-jw-sheet{opacity:0;scale:.9;pointer-events:none}
.vr-jw-end{position:absolute;inset:0;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
align-content:center;gap:12px;padding:16px;visibility:hidden;opacity:0;scale:.96;transition:opacity .35s,scale .35s,visibility 0s .35s}
.vr-jw[data-vr-at="done"] .vr-jw-end{visibility:visible;opacity:1;scale:1;transition-delay:.3s,.3s,0s}
@keyframes vr-mail-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes vr-mail-caret{from{opacity:1;left:0}to{opacity:1;left:100%}}
@media (prefers-reduced-motion: reduce){
.vr-op-w,.vr-op-slam,.vr-op-slam::before,.vr-op-slam::after,.vr-op-slam svg,.vr-op-burst > span,
.vr-op-cue,.vr-op-cue svg,.vr-jw-reject[data-vr-shake],.vr-jw-sheet,.vr-jw-bar,.vr-mail-fields,.vr-mail-quote,.vr-mail-foot,.vr-jw-steps,.vr-jw[data-vr-bought] .vr-shop-basket,.vr-jw[data-vr-bought] .vr-shop-count,.vr-jw-scene[data-vr-out],.vr-jw-scene[data-vr-in],.vr-mail-w > span,.vr-mail-w::after,
.vr-jw-beacon > span,.vr-jw-arrow,.vr-jw-arrow path,.vr-jw-burst > span,.vr-jw[data-vr-loading] .vr-jw-load{animation:none}
.vr-jw-burst{display:none !important}
.vr-jw-beacon > span{transform:scale(2);opacity:.6}
.vr-mail-send[data-vr-pulse] + .vr-jw-arrow path{stroke-dashoffset:0}
.vr-mail-send[data-vr-pulse] ~ .vr-jw-try{animation:none;opacity:1;scale:1}
}
@media (max-width:860px){
.vr-opener{--vr-op-nav:118px}
.vr-op-h{font-size:clamp(38px,10.6vw,76px);line-height:1.1}
.vr-op-screen{padding-top:16px;min-height:0}
.vr-mail-body{font-size:20.4px;padding:16px 18px 2px}
.vr-mail-fields{padding:0 18px}
.vr-mail-quote{margin:0 18px 18px}
.vr-mail-foot{padding:16px 18px 14px}
.vr-jw-title{padding-right:0}
.vr-jw-view{--vr-jw-min:430px;height:500px}
.vr-jw-steps{order:1}
.vr-shop-product{gap:14px;padding:16px 18px}
.vr-shop-reviews{padding:4px 18px 18px}
}
.vr-reel{--vr-reel-w:min(340px, calc((100svh - 140px) * .4621));--vr-reel-peek:0px;padding-top:var(--vr-rhythm)}
.vr-reel-inner{display:grid;grid-template-columns:minmax(0,36rem) auto;justify-content:start;gap:clamp(48px,7vw,144px);align-items:center}
.vr-reel-copy{max-width:36rem}
.vr-woo-for.vr-reel-woo{margin:0 0 16px}
@media (max-width:860px){.vr-woo-for.vr-reel-woo{justify-content:center}}
.vr-reel-h{margin:0 0 28px}
.vr-reel-beats{list-style:none;margin:0;padding:0}
.vr-reel-beats li{
position:relative;padding:10px 0 10px 28px;
font-size:19.2px;line-height:30px;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
transition:color .35s ease;
}
.vr-reel-beats li::before{
content:"";position:absolute;left:2px;top:20px;width:9px;height:10px;
background:var(--color-accent);clip-path:polygon(0 0,100% 50%,0 100%);
opacity:0;transition:opacity .35s ease;
}
.vr-reel[data-vr-live] .vr-reel-beats li{cursor:pointer}
.vr-reel[data-vr-live] .vr-reel-beats li::before{opacity:.3}
.vr-reel[data-vr-live] .vr-reel-beats li:hover{color:var(--color-text)}
.vr-reel[data-vr-live] .vr-reel-beats li:hover::before{opacity:.7}
.vr-reel-beats li:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}
.vr-reel:not([data-vr-live]) .vr-reel-beats li,
.vr-reel-beats li[data-vr-on]{color:var(--color-text)}
.vr-reel[data-vr-live] .vr-reel-beats li[data-vr-on]::before{opacity:1}
.vr-reel[data-vr-playing="true"] .vr-reel-beats li[data-vr-on]::before{
clip-path:none;background:linear-gradient(to right, var(--color-accent) 0 33%, transparent 33% 67%, var(--color-accent) 67%);
}
.vr-reel-stage{display:flex;flex-direction:column;align-items:center;gap:14px}
.vr-reel-phone{
width:var(--vr-reel-w);padding:10px;border-radius:52px;
background:#0b0910;box-shadow:var(--shadow-lg);
}
.vr-reel-video{display:block;width:100%;height:auto;aspect-ratio:390/844;border-radius:42px;background:#fff;cursor:pointer}
.vr-reel-toggle{
display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:0;border-radius:999px;
background:none;font:inherit;font-size:14.4px;letter-spacing:.02em;cursor:pointer;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
}
.vr-reel-toggle:hover{color:var(--color-text)}
.vr-reel-toggle svg{display:block;color:var(--color-accent)}
.vr-reel-controls{display:flex;gap:4px}
.vr-reel-controls[hidden]{display:none}
.vr-reel .vr-reel-ico-play,
.vr-reel[data-vr-playing="false"] .vr-reel-ico-pause{display:none}
.vr-reel[data-vr-playing="false"] .vr-reel-ico-play{display:block}
.vr-reel-stage{
--vr-reel-from:1;--vr-reel-drop:0px;--vr-reel-delay:0s;
animation:vr-reel-rise .9s cubic-bezier(.2,.8,.2,1) var(--vr-reel-delay) both;
}
@keyframes vr-reel-rise{from{opacity:var(--vr-reel-from);transform:translateY(var(--vr-reel-drop))}to{opacity:1;transform:none}}
.vr-reel[data-vr-shown] .vr-reel-stage{animation:none}
@media (prefers-reduced-motion: reduce){
.vr-reel-stage{animation:none}
.vr-reel-beats li,.vr-reel-beats li::before{transition:none}
}
@media (max-width:860px){
.vr-reel{--vr-reel-w:min(300px, 72vw)}
.vr-reel-inner{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:24px}
.vr-reel-copy{max-width:30rem}
.vr-reel .vr-eyebrow{justify-content:center}
.vr-reel-h{margin-bottom:12px}
.vr-reel-beats li{padding:0;font-size:18px;line-height:28px}
.vr-reel-beats li::before{display:none}
.vr-reel[data-vr-live] .vr-reel-beats{display:grid;min-height:56px;align-items:center}
.vr-reel[data-vr-live] .vr-reel-beats li{grid-area:1/1;opacity:0;transition:opacity .35s ease;pointer-events:none}
.vr-reel[data-vr-live] .vr-reel-beats li[data-vr-on]{opacity:1;pointer-events:auto}
}
.vr-how{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-how-h{margin:0 0 16px}
.vr-how-p{font-size:20.4px;line-height:36px;margin:0;max-width:52ch;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-how .vr-flow{margin-top:32px}
.vr-how-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 0;font-size:16.8px;line-height:28.8px}
.vr-how-more-go{display:inline-flex;gap:10px}
.vr-why{
--vr-why-hover-bg:
radial-gradient(55% 50% at 86% 6%,
color-mix(in srgb, var(--color-accent-400) 10.6%, transparent), transparent 72%),
radial-gradient(42% 38% at 14% 94%,
color-mix(in srgb, var(--color-accent) 8.75%, transparent), transparent 72%),
radial-gradient(34% 30% at 58% 48%,
color-mix(in srgb, var(--color-light) 2.8%, transparent), transparent 72%),
color-mix(in srgb, var(--color-section) 72%, var(--color-ink-plum));
}
.vr-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,56px)}
.vr-why-card{
--vr-why-d:0s;
display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;
padding:clamp(24px,2.4vw,36px);border:1px solid transparent;border-radius:var(--radius-lg);
background:transparent;
color:var(--color-text);text-decoration:none;
}
.vr-why .vr-why-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
.vr-why .vr-why-card:hover,
.vr-why .vr-why-card:focus-visible{background:var(--vr-why-hover-bg)}
.vr-why-card:nth-child(2){--vr-why-d:.45s}
.vr-why-card:nth-child(3){--vr-why-d:.9s}
.vr-why-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.vr-why a.vr-why-card:hover{color:var(--color-text)}
.vr-why-stage{margin:0 0 14px;display:flex;flex-direction:column;justify-content:flex-end;align-self:end;gap:10px}
.vr-why-t{margin:0;font-size:clamp(20.4px,1.6vw,24px);line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.vr-why-p{margin:0 0 6px;font-size:17px;line-height:1.6;color:color-mix(in srgb, var(--color-text) 78%, transparent);text-wrap:pretty}
.vr-why-go{
align-self:end;padding-top:16px;border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
display:flex;align-items:center;justify-content:space-between;gap:12px;
font-size:15.6px;line-height:1.3;color:var(--color-accent);
}
.vr-why-arrow{
flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
border:1px solid var(--color-divider);color:var(--color-text);
transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,color .35s ease;
}
.vr-why-card:hover .vr-why-arrow,
.vr-why-card:focus-visible .vr-why-arrow{transform:translateX(4px);border-color:color-mix(in srgb, var(--color-text) 40%, transparent);color:var(--color-text)}
.vr-why-key{display:flex;justify-content:space-between;gap:12px;font-size:13.2px;line-height:1.2;color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-why-key-b{color:var(--color-text);animation:vr-why-fade .5s ease calc(var(--vr-why-d) + 1.25s) both}
.vr-why-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@property --vr-why-n{syntax:'<integer>';inherits:false;initial-value:0}
.vr-why-num{
--vr-why-n:66;counter-reset:vr-why var(--vr-why-n);
font-family:var(--font-heading);font-weight:600;font-size:clamp(56px,5.2vw,76px);line-height:.9;letter-spacing:-.04em;
font-feature-settings:'tnum' 1;
animation:vr-why-count 1.4s cubic-bezier(.65,0,.35,1) var(--vr-why-d) both;
}
.vr-why-num::before{content:counter(vr-why) "%" / ""}
@keyframes vr-why-count{from{--vr-why-n:0}}
.vr-why-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:color-mix(in srgb, var(--color-text) 10%, transparent)}
.vr-why-bar-a{flex:53;border-radius:5px 0 0 5px;background:color-mix(in srgb, var(--color-text) 34%, transparent)}
.vr-why-bar-b{flex:35;border-radius:0 5px 5px 0;background:var(--color-gold);transform-origin:left center;animation:vr-why-grow 1.2s cubic-bezier(.65,0,.35,1) calc(var(--vr-why-d) + .3s) both}
@keyframes vr-why-grow{from{transform:scaleX(0)}}
.vr-why-serp{
justify-content:center;gap:8px;padding:14px 16px;border-radius:var(--radius-md);
background:color-mix(in srgb, var(--color-text) 6%, transparent);
border:1px solid var(--color-divider);
}
.vr-why-serp i{display:block;height:7px;border-radius:4px;background:color-mix(in srgb, var(--color-text) 18%, transparent)}
.vr-why-serp-q{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--color-divider);color:color-mix(in srgb, var(--color-text) 50%, transparent)}
.vr-why-serp-q i{width:46%}
.vr-why-serp-site{display:flex;align-items:center;gap:7px}
.vr-why-serp-site i:last-child{width:38%}
.vr-why-serp i.vr-why-serp-fav{width:12px;height:12px;border-radius:50%}
.vr-why-serp i.vr-why-serp-title{width:72%;height:9px;background:color-mix(in srgb, var(--color-accent) 70%, transparent)}
.vr-why-serp i.vr-why-serp-desc{width:88%}
.vr-why-serp-rating{display:flex;align-items:center;gap:8px}
.vr-why-stars{display:flex;gap:2px;color:var(--color-gold)}
.vr-why-stars svg{display:block;animation:vr-why-pop .6s var(--ease-bounce) both}
.vr-why-stars svg:nth-child(1){animation-delay:calc(var(--vr-why-d) + .35s)}
.vr-why-stars svg:nth-child(2){animation-delay:calc(var(--vr-why-d) + .47s)}
.vr-why-stars svg:nth-child(3){animation-delay:calc(var(--vr-why-d) + .59s)}
.vr-why-stars svg:nth-child(4){animation-delay:calc(var(--vr-why-d) + .71s)}
.vr-why-stars svg:nth-child(5){animation-delay:calc(var(--vr-why-d) + .83s)}
.vr-why-serp-text{font-size:12px;color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);animation:vr-why-fade .5s ease calc(var(--vr-why-d) + 1.05s) both}
@keyframes vr-why-pop{from{opacity:0;transform:scale(.2)}}
@keyframes vr-why-fade{from{opacity:0}}
.vr-why-route{gap:18px}
.vr-why-track{display:flex;align-items:center;gap:10px}
.vr-why-node{
position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
border:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-text) 6%, transparent);color:var(--color-accent);
}
.vr-why-node-end{animation:vr-why-ring .6s ease calc(var(--vr-why-d) + 1.2s) both}
@keyframes vr-why-ring{from{border-color:var(--color-divider)}to{border-color:var(--color-gold-edge)}}
.vr-why-tick{
position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
background:var(--color-gold);color:var(--color-ink-plum);
animation:vr-why-pop .6s var(--ease-bounce) calc(var(--vr-why-d) + 1.25s) both;
}
.vr-why-line{position:relative;flex:1;height:2px;background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-text) 28%, transparent) 0 5px, transparent 5px 10px)}
.vr-why-fill{position:absolute;inset:0;background:var(--color-accent);transform-origin:left center;animation:vr-why-grow 1.1s cubic-bezier(.65,0,.35,1) calc(var(--vr-why-d) + .15s) both}
.vr-why-env{
position:absolute;top:50%;left:100%;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -30px;
border-radius:50%;background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px var(--color-divider);
animation:vr-why-ride 1.25s linear calc(var(--vr-why-d) + .15s) both,
vr-why-land .6s var(--ease-bounce) calc(var(--vr-why-d) + 1.2s) both;
}
@keyframes vr-why-ride{
0%{left:30px;animation-timing-function:cubic-bezier(.65,0,.35,1)}
78%{left:calc(100% + 10px);animation-timing-function:cubic-bezier(.3,0,.3,1)}
90%{left:calc(100% - 3px)}
100%{left:100%}
}
@keyframes vr-why-land{40%{transform:scale(1.25)}}
@media (max-width:900px){
.vr-why-grid{
grid-template-columns:minmax(0,1fr);gap:0;
border:1px solid var(--color-divider);border-radius:var(--radius-lg);overflow:hidden;
}
.vr-why-card{border:0;border-radius:0}
.vr-why-card + .vr-why-card{border-top:1px solid var(--color-divider)}
.vr-why .vr-why-card:hover,
.vr-why .vr-why-card:focus-visible{transform:none;box-shadow:none;border-color:var(--color-divider)}
.vr-why-go{border-top:0;padding-top:4px}
.vr-why-card:focus-visible{outline-offset:-3px}
}
@media (min-width:901px){
.vr-why-grid{position:relative;column-gap:0}
.vr-why-card{position:relative;z-index:1;grid-row:1 / span 4;padding-inline:clamp(24px,2.6vw,44px)}
.vr-why-card:nth-child(1){grid-column:1}
.vr-why-card:nth-child(2){grid-column:2}
.vr-why-card:nth-child(3){grid-column:3}
.vr-why .vr-why-card:hover,
.vr-why .vr-why-card:focus-visible{transform:none;background:transparent;border-color:transparent;box-shadow:none}
.vr-why-grid::before{
content:"";grid-column:1;grid-row:1 / span 4;z-index:0;pointer-events:none;
border-radius:var(--radius-lg);background:var(--vr-why-hover-bg);
border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);
box-shadow:0 10px 24px -14px rgba(0,0,0,.5);
opacity:0;
transition:transform .45s cubic-bezier(.3,1.3,.5,1),opacity .25s ease;
}
.vr-why-grid:has(.vr-why-card:hover, .vr-why-card:focus-visible)::before{opacity:1}
.vr-why-grid:has(.vr-why-card:nth-child(2):hover, .vr-why-card:nth-child(2):focus-visible)::before{transform:translateX(100%)}
.vr-why-grid:has(.vr-why-card:nth-child(3):hover, .vr-why-card:nth-child(3):focus-visible)::before{transform:translateX(200%)}
}
@media (min-width:901px) and (prefers-reduced-motion: reduce){
.vr-why-grid::before{transition:opacity .2s ease}
}
.vr-chain{padding-top:0;padding-bottom:0}
.vr-chain-solo{padding-bottom:var(--vr-rhythm)}
.vr-chain-row{display:flex;align-items:center;gap:18px}
.vr-chain-label{
flex:none;font-size:15.6px;line-height:16.8px;letter-spacing:.06em;
text-transform:uppercase;color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-chain-tags{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:12px}
.vr-chain-note{font-size:16.8px;line-height:28.8px;margin:16px 0 0;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-flow{
position:relative;margin:26px 0 0;overflow:hidden;
border:1px solid var(--color-divider);border-radius:12px;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-flow-railv{position:absolute;top:0;bottom:0;left:20px;width:16px;z-index:1}
.vr-flow-railv-line{
position:absolute;left:50%;top:24px;bottom:24px;width:1px;transform:translateX(-50%);
background:repeating-linear-gradient(to bottom, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-flow-dot{
position:absolute;left:50%;top:87.5%;opacity:1;transform:translate(-50%,-50%);
width:22px;height:22px;border-radius:50%;
border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-accent);
display:flex;align-items:center;justify-content:center;
animation:vr-travel-v 12s var(--ease-bounce) infinite;
}
.vr-flow-rail{position:relative;height:36px;border-bottom:1px solid var(--color-divider)}
.vr-flow-rail-line{
position:absolute;top:50%;left:8%;right:8%;height:1px;
background:repeating-linear-gradient(to right, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-flow-pill{
position:absolute;top:50%;left:87.5%;opacity:1;transform:translate(-50%,-50%);
display:inline-flex;align-items:center;gap:6px;padding:3px 9px;
border:1px solid var(--color-accent);border-radius:99px;background:var(--color-bg);
font-size:13.2px;letter-spacing:.02em;color:var(--color-accent);white-space:nowrap;
animation:vr-travel 12s var(--ease-bounce) infinite;
}
.vr-flow-pill svg,
.vr-flow-dot svg{color:var(--color-gold)}
.vr-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vr-flow-step{
position:relative;padding:18px 20px 20px;
border-left:1px solid var(--color-divider);
animation:vr-cardbg 12s ease-in-out infinite;
}
.vr-flow-step:first-child{border-left:0}
.vr-flow-steps-linked .vr-flow-step{display:flex;flex-direction:column}
.vr-flow-steps-linked .vr-flow-tag{align-self:flex-start}
.vr-flow-more{
margin-top:auto;padding-top:16px;align-self:flex-start;
display:inline-flex;align-items:center;gap:6px;
font-size:14.4px;line-height:20px;text-decoration:none;
color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.vr-flow-more span{text-decoration:underline;text-underline-offset:3px}
.vr-flow-more svg{flex:none;display:block}
.vr-flow-more:hover{color:var(--color-accent)}
.vr-woo-for{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;
font-size:15px;line-height:22px;color:color-mix(in srgb, var(--color-text) 72%, transparent)}
.vr-woo-for img{display:block;height:18px;width:auto}
.vr-woo-for-centre{justify-content:center}
.vr-flow-go{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vr-flow-go .vr-flow-more{margin-top:0;padding-top:0}
.vr-pill-link{
display:inline-flex;align-items:center;gap:7px;padding:3px 14px;
border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:999px;
color:var(--color-accent);text-decoration:none;font-variant-numeric:tabular-nums;
}
.vr-pill-link:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}
.vr-pill-link svg{flex:none;display:block}
.vr-pill-time{color:color-mix(in srgb, var(--color-accent) 70%, transparent)}
.vr-pill-link-sm{gap:6px;padding:1px 10px;font-size:13.6px;line-height:20px}
.vr-flow-bar{
position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent);
transform-origin:left;opacity:0;animation:vr-bar 12s ease-in-out infinite;
}
.vr-flow-step:nth-child(1), .vr-flow-step:nth-child(1) .vr-flow-bar{animation-delay:0s}
.vr-flow-step:nth-child(2), .vr-flow-step:nth-child(2) .vr-flow-bar{animation-delay:3.36s}
.vr-flow-step:nth-child(3), .vr-flow-step:nth-child(3) .vr-flow-bar{animation-delay:6.24s}
.vr-flow-step:nth-child(4), .vr-flow-step:nth-child(4) .vr-flow-bar{animation-delay:9.12s}
.vr-flow-step-label{
display:block;font-size:13.2px;letter-spacing:.08em;text-transform:uppercase;
color:var(--color-accent);margin-bottom:12px;
}
.vr-flow-sub{font-size:15.6px;color:color-mix(in srgb, var(--color-text) 80%, transparent)}
.vr-flow-mail{display:flex;align-items:center;gap:9px;margin-bottom:14px;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:.3s}
.vr-flow-letter-out{flex:none;animation:vr-flow-send 12s ease-in infinite;animation-delay:.6s}
.vr-flow-type,
.vr-flow-type-2{height:5px;border-radius:99px;width:100%;animation:vr-type 12s ease-in-out infinite}
.vr-flow-type{background:color-mix(in srgb, var(--color-text) 22%, transparent);margin-bottom:6px;animation-delay:.5s}
.vr-flow-type-2{background:color-mix(in srgb, var(--color-text) 14%, transparent);max-width:70%;animation-delay:.9s}
.vr-flow-replied{animation:vr-flow-in-right 12s ease-out infinite;animation-delay:3.4s}
.vr-flow-reply{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.vr-flow-letter-in{flex:none;animation:vr-flow-receive 12s ease-out infinite;animation-delay:3.4s}
.vr-flow-quote{
font-size:15.6px;line-height:26.4px;margin:0;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-flow-check{display:flex;flex-wrap:wrap;align-items:center;gap:7px;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:6.4s}
.vr-flow-hop{font-size:14.4px;color:color-mix(in srgb, var(--color-text) 80%, transparent);white-space:nowrap}
.vr-flow-hop-arrow{display:block;flex:none;color:color-mix(in srgb, var(--color-text) 45%, transparent)}
.vr-flow-tag{margin-top:12px;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:6.8s}
.vr-flow-pub{animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:9.2s}
.vr-flow-pub-rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin-bottom:4px}
.vr-flow-stars-sm{display:flex;gap:2px;color:var(--color-gold)}
.vr-flow-stars-sm svg{display:block;animation:vr-star 12s ease-in-out infinite}
.vr-flow-stars-sm svg:nth-child(1){animation-delay:9.4s}
.vr-flow-stars-sm svg:nth-child(2){animation-delay:9.5s}
.vr-flow-stars-sm svg:nth-child(3){animation-delay:9.6s}
.vr-flow-stars-sm svg:nth-child(4){animation-delay:9.7s}
.vr-flow-stars-sm svg:nth-child(5){animation-delay:9.8s}
.vr-flow-meta{display:block;font-size:14.4px;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-flow-pub-where{flex:none}
.vr-flow-pub .vr-logo{margin-top:8px;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:10s}
.vr-setup-p{font-size:15.6px;line-height:26.4px;margin:0;color:color-mix(in srgb, var(--color-text) 80%, transparent)}
.vr-setup-tag{margin-top:14px}
.vr-problem{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-problem-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:56px;align-items:start}
.vr-sticky{position:sticky;top:40px}
.vr-problem-h{font-size:clamp(28.8px,3.26vw,42.24px);line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;max-width:16ch}
.vr-problem-lede{font-size:19.2px;line-height:33.6px;margin:0;color:color-mix(in srgb, var(--color-text) 70%, transparent);max-width:38ch}
.vr-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px}
.vr-item-first{padding:0 0 28px}
.vr-item-mid{padding:28px 0}
.vr-item-last{padding:28px 0 0}
.vr-item-num{font-size:18px;letter-spacing:.06em;color:var(--color-accent);padding-top:6px}
.vr-item-h{font-family:var(--font-body);font-size:21.12px;line-height:1.25;margin:0 0 10px}
.vr-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:56px;align-items:start}
.vr-compare-h{margin-bottom:20px;max-width:24ch}
.vr-compare-h-span{max-width:none;margin-bottom:16px}
.vr-compare-lede{margin-bottom:36px}
.vr-compare-wide{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}
.vr-compare-wide .vr-compare-more{margin-top:0}
.vr-compare-card{
padding:20px 24px 8px;border-radius:var(--radius-lg,14px);
background:color-mix(in srgb, var(--color-text) 7%, transparent);
border:1px solid var(--color-divider);
}
.vr-compare-card .vr-compare-table{border-collapse:separate;border-spacing:0}
.vr-compare-card .vr-compare-table thead td{padding:0;border-bottom:1px solid color-mix(in srgb, var(--color-text) 28%, transparent)}
.vr-compare-card .vr-compare-table th:last-child,
.vr-compare-card .vr-compare-table td:last-child{
padding-inline:16px;background:color-mix(in srgb, var(--color-bg) 70%, transparent);
}
.vr-compare-card .vr-compare-table th:last-child{padding-top:12px;border-radius:10px 10px 0 0}
.vr-compare-card .vr-compare-table tbody tr:last-child td:last-child{border-radius:0 0 10px 10px}
@media (max-width:640px){
.vr-compare-card{padding:12px 12px 4px}
.vr-compare-card .vr-compare-table{display:block;font-size:16px;line-height:23px}
.vr-compare-card .vr-compare-table thead,
.vr-compare-card .vr-compare-table tbody{display:block}
.vr-compare-card .vr-compare-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vr-compare-card .vr-compare-table thead td:first-child{display:none}
.vr-compare-card .vr-compare-table th{padding:8px 12px 10px;white-space:normal}
.vr-compare-card .vr-compare-table th:nth-child(2){padding-left:0}
.vr-compare-card .vr-compare-table tbody td:first-child{
grid-column:1/-1;padding:14px calc(50% + 12px) 8px 0;border-bottom:0;font-size:14.4px;
background:linear-gradient(90deg, transparent 50%, color-mix(in srgb, var(--color-bg) 70%, transparent) 50%);
}
.vr-compare-card .vr-compare-table tbody td:nth-child(2){padding:10px 12px 14px 0}
.vr-compare-card .vr-compare-table tbody td:last-child{padding:10px 12px 14px}
}
.vr-compare-p{font-size:20.4px;line-height:36px;margin:0 0 14px;max-width:56ch}
.vr-compare-p-last{margin-bottom:0}
.vr-compare-table{width:100%;border-collapse:collapse;font-size:18px;text-align:left}
.vr-compare-table th{
padding:0 16px 12px 0;font-size:14.4px;letter-spacing:.06em;text-transform:uppercase;
font-weight:var(--font-heading-weight);
color:color-mix(in srgb, var(--color-text) 60%, transparent);
border-bottom:1px solid color-mix(in srgb, var(--color-text) 28%, transparent);
}
.vr-compare-table th:nth-child(2){color:color-mix(in srgb, var(--color-text) 70%, transparent)}
.vr-compare-table th:last-child{
padding:0 0 12px 16px;white-space:nowrap;
color:var(--color-accent-emph);border-bottom-color:var(--color-accent-hover);
}
.vr-compare-logo{height:19px;margin-bottom:-3px}
.vr-compare-table td{
padding:16px 16px 16px 0;
border-bottom:1px solid color-mix(in srgb, var(--color-text) 18%, transparent);
}
.vr-compare-table td:first-child{color:color-mix(in srgb, var(--color-text) 72%, transparent)}
.vr-compare-table td:last-child{padding:16px 0 16px 16px;color:var(--color-accent-emph)}
.vr-compare-table tbody tr:last-child td{border-bottom:0}
.vr-compare-table td a{text-decoration:underline}
.vr-ask{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-teaser{padding-top:0;padding-bottom:var(--vr-rhythm)}
.vr-teaser-p{
margin:0;padding:22px 26px;border-radius:14px;
border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 9%, transparent);
font-size:19.2px;line-height:31px;font-weight:600;color:var(--color-text);
}
.vr-teaser-p a{text-decoration:underline;text-underline-offset:3px}
.vr-ask-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:80px;align-items:start}
.vr-ask-h{margin-bottom:22px;max-width:18ch}
.vr-ask-p{font-size:20.4px;line-height:36px;margin:0 0 42px;max-width:52ch;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-signpost-list{list-style:none;margin:0 0 0 -17px;padding:0;display:flex;flex-direction:column;gap:12px}
.vr-signpost-item{display:block}
.vr-signpost-row{
display:flex;align-items:center;gap:14px;flex-wrap:wrap;
border:1px solid transparent;border-radius:8px;padding:14px 16px;
background:transparent;text-decoration:none;color:inherit;
transition:border-color .22s ease;
}
.vr-signpost-row:hover{border-color:var(--color-accent)}
.vr-signpost-tag{
margin-left:auto;flex:none;display:flex;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
transition:color .22s ease,transform .22s ease;
}
.vr-signpost-row:hover .vr-signpost-tag{color:var(--color-accent);transform:translateX(2px)}
.vr-steps-nav{display:flex;flex-wrap:wrap;gap:12px}
.vr-steps-nav .btn{font-family:var(--font-body);font-weight:400}
.vr-steps-next{margin-left:auto}
.vr-steps-nav-top{margin-bottom:40px}
.vr-steps-foot{padding-bottom:var(--vr-rhythm)}
.vr-steps-nav-foot .vr-steps-next{
border-color:var(--color-accent);color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 10%, transparent);
}
.vr-steps-nav-foot .vr-steps-next:hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}
.vr-route{
container-type:inline-size;
border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-route-head{
display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:16px 22px;border-bottom:1px solid var(--color-divider);
}
.vr-route-head-order{
font-size:15.6px;letter-spacing:.02em;font-feature-settings:'tnum' 1;
color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.vr-route-body{
display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1.22fr);
padding:30px 24px;align-items:center;
}
.vr-route-basket{display:flex;flex-direction:column;gap:14px}
.vr-route-line{
display:flex;align-items:center;gap:9px;flex-wrap:wrap;
border:1px solid var(--color-divider);border-radius:8px;padding:12px 14px;
background:var(--color-bg);
animation:vr-pop 12s var(--ease-bounce) infinite;
}
.vr-route-line:nth-child(1){animation-delay:.3s}
.vr-route-line:nth-child(2){animation-delay:.6s}
.vr-route-qty{font-size:14.4px;font-feature-settings:'tnum' 1;color:var(--color-accent)}
.vr-route-item{font-size:15.6px}
.vr-route-wires{position:relative;align-self:stretch;min-height:210px}
.vr-route-wire-svg{position:absolute;inset:0;width:100%;height:100%}
.vr-route-wire-out{stroke:var(--color-divider);stroke-width:1.2;stroke-dasharray:4 5}
.vr-route-wire-win{
stroke:var(--color-accent);stroke-width:1.4;
stroke-dasharray:100;stroke-dashoffset:0;
animation:vr-route-draw 12s ease-in-out infinite;
}
.vr-route-wires-v{display:none;position:relative;height:40px}
.vr-route-wires-v-line{
position:absolute;left:50%;top:2px;bottom:13px;width:1px;transform:translateX(-50%);
background:repeating-linear-gradient(to bottom, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-route-wires-v-tip{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.vr-route-rules{display:flex;flex-direction:column;gap:14px}
.vr-route-rule{
position:relative;overflow:hidden;
display:flex;flex-direction:column;gap:6px;
border:1px solid var(--color-divider);border-radius:8px;padding:15px 17px;
background:var(--color-bg);
animation:vr-pop 12s var(--ease-bounce) infinite;
}
.vr-route-rule:nth-child(1){animation-delay:.9s}
.vr-route-rule-out{opacity:.42;animation:vr-route-fade 12s ease-in-out infinite}
.vr-route-rule-out:nth-child(2){animation-delay:1.2s}
.vr-route-rule-out:nth-child(3){animation-delay:1.5s}
.vr-route-rule-win{
border-color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg));
animation:vr-pop 12s var(--ease-bounce) infinite .9s, vr-route-win 12s ease-in-out infinite;
}
.vr-route-bar{
position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent);
transform-origin:left;animation:vr-route-bar 12s ease-in-out infinite;
}
.vr-route-rule-name{font-size:16.8px}
.vr-route-rule-sub{font-size:14.4px;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-route-rule-meta{font-size:13.8px;letter-spacing:.02em;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-route-rule-note{font-size:13.8px;color:color-mix(in srgb, var(--color-text) var(--mute-faint), transparent)}
.vr-route-rule-tag{align-self:flex-start;margin-top:5px;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:4s}
.vr-route-foot{
display:flex;align-items:center;gap:16px;
padding:16px 22px;border-top:1px solid var(--color-divider);
}
.vr-route-foot-label{
flex:none;font-size:13.2px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-route-foot-rail{position:relative;flex:1;min-width:56px;height:22px}
.vr-route-foot-rail::before{
content:'';position:absolute;top:50%;left:0;right:0;height:1px;
background:repeating-linear-gradient(to right, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-route-foot-pill{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
padding:2px 9px;border:1px solid var(--color-accent);border-radius:99px;
background:var(--color-bg);font-size:12.6px;color:var(--color-accent);white-space:nowrap;
animation:vr-route-wait 12s ease-in-out infinite;
}
.vr-route-foot-sent{flex:none;animation:vr-pop 12s var(--ease-bounce) infinite;animation-delay:7.2s}
.vr-marker{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-marker-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
@media (min-width:861px){
.vr-story-grid.vr-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
}
.vr-marker-h{margin-bottom:22px;max-width:20ch}
.vr-marker-p{font-size:20.4px;line-height:36px;margin:0 0 16px;max-width:52ch;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-marker-p-last{margin-bottom:36px}
.vr-signpost-step{flex:1;min-width:min(100%, 10.5rem);font-size:16.8px;line-height:26px}
.vr-inbox{
container-type:inline-size;
}
.vr-inbox-app,
.vr-inbox-shop{
border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-inbox-bar{
display:flex;align-items:center;gap:10px;
padding:12px 18px;border-bottom:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 4%, transparent);
}
.vr-inbox-bar-label{font-size:14.4px;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-inbox-bar-when{margin-left:auto;font-size:13.8px;font-feature-settings:'tnum' 1;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-inbox-msg{padding:18px 20px 16px}
.vr-inbox-fields{margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid var(--color-divider)}
.vr-inbox-field{display:grid;grid-template-columns:minmax(0,74px) minmax(0,1fr);gap:12px;align-items:baseline}
.vr-inbox-field + .vr-inbox-field{margin-top:6px}
.vr-inbox-field dt{font-size:13.8px;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-inbox-field dd{margin:0;min-width:0;font-size:15.6px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-inbox-body{font-size:16.8px;line-height:28.8px;margin:0 0 15px}
.vr-inbox-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.vr-inbox-btn{
display:inline-flex;align-items:center;gap:7px;
padding:5px 12px;border:1px solid var(--color-accent);border-radius:7px;
font-size:14.4px;color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
}
.vr-inbox-btn svg{display:block;flex:none}
.vr-inbox-btn-plain{font-size:14.4px;color:color-mix(in srgb, var(--color-text) var(--mute-faint), transparent)}
.vr-inbox-btn-reply{animation:vr-inbox-reply 12s ease-in-out infinite}
.vr-inbox-compose{
padding:16px 20px 18px;border-top:1px solid var(--color-divider);
background:var(--color-bg);
animation:vr-inbox-open 12s cubic-bezier(.2,.8,.2,1) infinite;
}
.vr-inbox-compose-head{
display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;
font-size:14.4px;color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
}
.vr-inbox-compose-to{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-inbox-compose-label{color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-inbox-compose-when{white-space:nowrap;font-feature-settings:'tnum' 1}
.vr-inbox-typed{font-size:16.8px;line-height:28.8px;margin:0 0 14px}
.vr-inbox-typed span{position:relative;animation:12s ease-in-out infinite}
.vr-inbox-typed span::after{
content:'';position:absolute;left:100%;top:.12em;
width:1.5px;height:1.05em;margin-left:1.5px;
background:var(--color-accent);opacity:0;
animation:vr-inbox-caret 12s ease-in-out infinite;animation-delay:var(--d);
}
.vr-inbox-typed span:last-child::after{animation-name:vr-inbox-caret-last}
.vr-inbox-typed span:nth-child(1){--d:1.8s;animation-name:vr-inbox-w1}
.vr-inbox-typed span:nth-child(2){--d:1.94s;animation-name:vr-inbox-w2}
.vr-inbox-typed span:nth-child(3){--d:2.08s;animation-name:vr-inbox-w3}
.vr-inbox-typed span:nth-child(4){--d:2.22s;animation-name:vr-inbox-w4}
.vr-inbox-typed span:nth-child(5){--d:2.36s;animation-name:vr-inbox-w5}
.vr-inbox-typed span:nth-child(6){--d:2.5s;animation-name:vr-inbox-w6}
.vr-inbox-typed span:nth-child(7){--d:2.64s;animation-name:vr-inbox-w7}
.vr-inbox-typed span:nth-child(8){--d:2.78s;animation-name:vr-inbox-w8}
.vr-inbox-typed span:nth-child(9){--d:2.92s;animation-name:vr-inbox-w9}
.vr-inbox-typed span:nth-child(10){--d:3.06s;animation-name:vr-inbox-w10}
.vr-inbox-typed span:nth-child(11){--d:3.2s;animation-name:vr-inbox-w11}
.vr-inbox-typed span:nth-child(12){--d:3.34s;animation-name:vr-inbox-w12}
.vr-inbox-typed span:nth-child(13){--d:3.48s;animation-name:vr-inbox-w13}
.vr-inbox-typed span:nth-child(14){--d:3.62s;animation-name:vr-inbox-w14}
.vr-inbox-typed span:nth-child(15){--d:3.76s;animation-name:vr-inbox-w15}
.vr-inbox-typed span:nth-child(16){--d:3.9s;animation-name:vr-inbox-w16}
.vr-inbox-typed span:nth-child(17){--d:4.04s;animation-name:vr-inbox-w17}
.vr-inbox-typed span:nth-child(18){--d:4.18s;animation-name:vr-inbox-w18}
.vr-inbox-typed span:nth-child(19){--d:4.32s;animation-name:vr-inbox-w19}
.vr-inbox-typed span:nth-child(20){--d:4.46s;animation-name:vr-inbox-w20}
.vr-inbox-typed span:nth-child(21){--d:4.6s;animation-name:vr-inbox-w21}
.vr-inbox-typed span:nth-child(22){--d:4.74s;animation-name:vr-inbox-w22}
.vr-inbox-send-row{display:flex;justify-content:flex-end}
.vr-inbox-send{
display:inline-grid;place-items:center;
padding:5px 16px;border:1px solid var(--color-accent);border-radius:7px;
font-size:14.4px;color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
animation:vr-inbox-send 12s ease-in-out infinite;
}
.vr-inbox-send-label,
.vr-inbox-send-done{grid-area:1/1}
.vr-inbox-send-label{opacity:0;animation:vr-inbox-send-label 12s ease-in-out infinite}
.vr-inbox-send-done{animation:vr-inbox-send-done 12s ease-in-out infinite}
.vr-inbox-hop{position:relative;display:flex;justify-content:center;padding:18px 0 22px}
.vr-inbox-hop-line{
position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);
background:repeating-linear-gradient(to bottom, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-inbox-hop-note{
position:relative;display:inline-flex;align-items:center;gap:7px;
padding:3px 12px;border-radius:99px;
border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);
background:var(--color-bg);
font-size:13.8px;color:var(--color-accent);text-align:center;
}
.vr-inbox-hop-note svg{display:block;flex:none}
.vr-inbox-hop-tip{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);display:block}
.vr-inbox-hop{animation:vr-inbox-hop-in 12s var(--ease-bounce) infinite}
.vr-inbox-shop-body{padding:16px 18px 18px}
.vr-inbox-shop-crumb{
display:flex;align-items:baseline;justify-content:space-between;gap:12px;
margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--color-divider);
}
.vr-inbox-shop-product{font-family:var(--font-heading);font-size:16.8px}
.vr-inbox-shop-count{font-size:13.8px;white-space:nowrap;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
animation:vr-inbox-review-in 12s var(--ease-bounce) infinite}
.vr-inbox-shop-review{animation:vr-inbox-review-in 12s var(--ease-bounce) infinite}
.vr-pub{
container-type:inline-size;
border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-pub-bar{
display:flex;align-items:center;gap:10px;
padding:12px 18px;border-bottom:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 4%, transparent);
}
.vr-pub-bar-label{font-size:14.4px;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-pub-bar-state{margin-left:auto;display:inline-grid;justify-items:end;font-size:13.8px}
.vr-pub-state-wait,
.vr-pub-state-done{grid-area:1/1;white-space:nowrap}
.vr-pub-state-wait{opacity:0;color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
animation:vr-pub-out 12s ease-in-out infinite}
.vr-pub-state-done{color:var(--color-accent);animation:vr-pub-in 12s ease-in-out infinite}
.vr-pub-body{padding:18px 20px 20px}
.vr-pub-fields{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--color-divider)}
.vr-pub-field{display:grid;grid-template-columns:minmax(0,82px) minmax(0,1fr);gap:12px;align-items:baseline}
.vr-pub-field + .vr-pub-field{margin-top:6px}
.vr-pub-field dt{font-size:13.8px;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-pub-field dd{margin:0;min-width:0;font-size:15px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-pub-label{margin:0 0 6px;font-size:13.2px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-pub-words{margin:0 0 18px;font-size:16.8px;line-height:28.8px}
.vr-pub-cut{display:inline-grid;justify-items:start}
.vr-pub-cut-was,
.vr-pub-cut-mark{grid-area:1/1}
.vr-pub-cut-was{opacity:0;text-decoration:line-through;text-decoration-color:var(--color-accent);
animation:vr-pub-cut-was 12s ease-in-out infinite}
.vr-pub-cut-mark{color:var(--color-accent);animation:vr-pub-in-cut 12s ease-in-out infinite}
.vr-pub-choices{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}
.vr-pub-choice{display:flex;align-items:center;gap:10px;font-size:15px;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-pub-radio{
flex:none;width:14px;height:14px;border-radius:50%;
border:1.5px solid color-mix(in srgb, var(--color-text) 40%, transparent);
box-shadow:inset 0 0 0 2.5px var(--color-bg);background:transparent;
}
.vr-pub-choice-publish{color:var(--color-text);animation:vr-pub-pick-ink 12s ease-in-out infinite}
.vr-pub-choice-publish .vr-pub-radio{border-color:var(--color-accent);background:var(--color-accent);
animation:vr-pub-pick 12s ease-in-out infinite}
.vr-pub-choice-leave .vr-pub-radio{animation:vr-pub-unpick 12s ease-in-out infinite}
.vr-pub-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.vr-pub-btn{
display:inline-flex;padding:6px 14px;border:1px solid var(--color-accent);border-radius:7px;
font-size:14.4px;color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
animation:vr-pub-press 12s ease-in-out infinite;
}
.vr-pub-done{animation:vr-pub-done 12s var(--ease-bounce) infinite}
.vr-record{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-record-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:80px;align-items:start}
.vr-about-chat{border:1px solid var(--color-divider);border-radius:var(--radius-lg,14px);overflow:hidden;background:var(--color-surface)}
.vr-about-chat-frame{display:block;width:100%;height:560px;border:0}
.vr-about-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:64px;align-items:start}
.vr-about-cta{display:flex;flex-wrap:wrap;gap:16px;margin:36px 0 22px}
.vr-about-photo{display:block;width:100%;max-width:320px;height:auto;border-radius:var(--radius-lg,14px)}
.vr-record-h{margin-bottom:22px;max-width:22ch}
.vr-record-p{font-size:20.4px;line-height:36px;margin:0 0 16px;max-width:52ch;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-record-p-last{margin-bottom:36px}
.vr-record-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px}
.vr-record-item-first{padding:0 0 22px}
.vr-record-item-mid{padding:22px 0}
.vr-record-item-last{padding:22px 0 0}
.vr-links{list-style:none;margin:36px 0 0;padding:0;font-size:19.2px;line-height:32.4px}
.vr-links li{padding:10px 0;border-top:1px solid var(--color-divider)}
.vr-links li:last-child{border-bottom:1px solid var(--color-divider)}
.vr-marker-more{margin-top:26px}
.vr-check-see{margin-top:26px}
.vr-points{margin-top:28px}
.vr-step-more{margin:32px 0 0}
.vr-record-num{font-size:18px;letter-spacing:.06em;color:var(--color-accent);padding-top:5px}
.vr-record-step{font-size:19.2px;line-height:32.4px;margin:0}
.vr-law-help{font-size:17.4px;line-height:29px;margin:14px 0 0;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
.vr-law-help-label{display:block;font-size:13.2px;letter-spacing:.06em;
text-transform:uppercase;color:var(--color-accent);margin:0 0 3px}
.vr-mini{
border:1px solid var(--color-divider);border-radius:10px;padding:16px 18px;
background:color-mix(in srgb, var(--color-surface) 55%, transparent);
}
.vr-mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.vr-mini-when{font-size:14.4px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-mini-body{font-size:16.8px;line-height:28.8px;margin:0 0 13px}
.vr-mini-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.vr-mini-name{font-size:15.6px;color:color-mix(in srgb, var(--color-text) 75%, transparent)}
.vr-mini-mark{
display:inline-flex;align-items:center;gap:6px;font-size:14.4px;color:var(--color-accent);
border-bottom:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);
}
.vr-record-link{position:relative;height:42px}
.vr-record-link-line{
position:absolute;left:50%;top:4px;bottom:13px;width:1px;transform:translateX(-50%);
background:repeating-linear-gradient(to bottom, var(--color-divider) 0 5px, transparent 5px 11px);
}
.vr-record-link-tip{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block}
.vr-doc{
border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-doc-bar{
display:flex;align-items:center;gap:10px;
padding:12px 18px;border-bottom:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 4%, transparent);
}
.vr-doc-dot{width:9px;height:9px;flex:none;border-radius:50%;background:color-mix(in srgb, var(--color-text) 25%, transparent)}
.vr-doc-url{
min-width:0;font-size:14.4px;color:color-mix(in srgb, var(--color-text) 62%, transparent);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.vr-doc-body{padding:22px 22px 18px}
.vr-doc-head{text-align:center;padding-bottom:18px}
.vr-doc-stamp{display:block;margin:0 auto 12px;color:var(--color-text)}
.vr-doc-label{
display:block;font-size:12.6px;font-weight:600;letter-spacing:.1em;
text-transform:uppercase;color:var(--color-accent-emph);margin-bottom:8px;
}
.vr-doc-title{display:block;font-family:var(--font-heading);font-size:19.2px;line-height:1.25}
.vr-doc-review{
display:block;margin-top:7px;font-size:12.6px;line-height:1.45;color:var(--color-muted);
}
.vr-doc-review strong{color:var(--color-text);font-weight:600}
.vr-doc-review-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}
.vr-doc-return{display:flex;margin:0 0 18px}
.vr-doc-btn{cursor:default;font-size:13.2px;padding:5px 12px;border-radius:7px}
.vr-doc-claim{
border:1px solid color-mix(in srgb, var(--color-accent) 34%, transparent);
border-radius:10px;padding:12px 14px;margin-bottom:10px;
}
.vr-doc-claim-label{
display:block;font-size:12.6px;font-weight:600;letter-spacing:.08em;
text-transform:uppercase;color:var(--color-accent-emph);margin-bottom:6px;
}
.vr-doc-claim-h{margin:0;font-size:15.6px;line-height:22px}
.vr-doc-rows{margin:14px 0 0}
.vr-doc-row{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:14px;padding-bottom:14px}
.vr-doc-row dt{font-size:14.4px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-doc-row dd{margin:0;font-size:15.6px;font-feature-settings:'tnum' 1}
.vr-doc-note{
margin:6px 0 0;padding-top:14px;border-top:1px solid var(--color-divider);
font-size:14.4px;line-height:24px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-search-h{margin-bottom:16px;max-width:22ch}
.vr-search-p{font-size:20.4px;line-height:36px;margin:0 0 48px;max-width:58ch}
.vr-serps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vr-serp-fig{margin:0;display:flex;flex-direction:column;gap:14px}
.vr-serp-label{
font-size:15.6px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-serp-label-after{color:var(--color-gold)}
.vr-serp{
flex:1;padding:20px;border-radius:8px;
background:var(--color-neutral-100);box-shadow:var(--shadow-md);
display:flex;flex-direction:column;gap:16px;
}
.vr-serp-search{
display:flex;align-items:center;gap:9px;padding:7px 12px;
border:1px solid var(--color-neutral-300);border-radius:99px;background:#fff;
}
.vr-serp-query{font-size:14.4px;color:var(--color-neutral-700)}
.vr-serp-site{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.vr-serp-favicon{width:18px;height:18px;flex:none;border-radius:50%;background:var(--color-neutral-300)}
.vr-serp-brand{
min-width:0;display:flex;flex-direction:column;
font-size:13.2px;line-height:1.3;color:var(--color-neutral-800);
}
.vr-serp-url{
color:var(--color-neutral-600);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.vr-serp-title{font-size:18px;line-height:1.3;margin:0 0 5px;color:#1a0dab}
.vr-serp-rating{display:flex;align-items:center;gap:6px;margin:0 0 2px;flex-wrap:wrap}
.vr-serp-rating [data-vr-stars]{gap:2px}
.vr-serp-rating [data-vr-stars] svg{animation:vr-serp-star-fill .9s ease-out}
.vr-serp-rating [data-vr-stars] svg:nth-child(2){animation-delay:.12s}
.vr-serp-rating [data-vr-stars] svg:nth-child(3){animation-delay:.24s}
.vr-serp-rating [data-vr-stars] svg:nth-child(4){animation-delay:.36s}
.vr-serp-rating [data-vr-stars] svg:nth-child(5){animation-delay:.48s}
.vr-serp-rating-text{font-size:13.8px;color:var(--color-neutral-700)}
.vr-serp-desc{font-size:13.8px;line-height:1.5;margin:0;color:var(--color-neutral-700)}
.vr-serp-next{opacity:.5}
.vr-serp-next-url{font-size:13.2px;line-height:1.3;margin:0 0 5px;color:var(--color-neutral-600)}
.vr-serp-next-title{font-size:16.8px;line-height:1.3;margin:0;color:#1a0dab}
.vr-serp-caption{font-size:16.8px;line-height:28.8px;margin:0;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-search-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:44px}
.vr-record-serp{margin-top:36px}
.vr-features{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-features-h{margin-bottom:56px;max-width:24ch}
.vr-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--color-divider);
margin-inline:max(-28px, calc(var(--vr-gutter) * -1))}
.vr-feature{background:var(--color-bg);padding:32px 28px 34px}
.vr-feature h3{font-family:var(--font-body);font-size:19.2px;line-height:1.3;margin:0 0 12px}
.vr-feature p{font-size:18px;line-height:31.2px;margin:0;color:color-mix(in srgb, var(--color-text) 75%, transparent)}
.vr-feature .vr-feature-more{margin:16px 0 0;font-size:16.8px;line-height:1.4}
.vr-price{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-price-h{margin-bottom:18px;max-width:24ch}
.vr-price-p{font-size:20.4px;line-height:36px;margin:0;max-width:60ch;color:color-mix(in srgb, var(--color-text) 80%, transparent)}
.vr-plans ~ .vr-price-p{
margin:var(--space-6) 0 0;text-align:left;
font-size:0.88rem;line-height:1.5;color:var(--color-muted);
}
.vr-plans ~ .vr-price-p + .vr-price-p{margin-top:var(--space-2)}
.vr-sticker-row{margin:36px 0 0;text-align:center}
.vr-sticker-row-left{margin:30px 0 0;text-align:left}
.vr-sticker-row + .vr-plans{margin-top:20px}
.vr-sticker{
display:inline-block;transform:rotate(-3deg);
padding:12px 22px;border-radius:999px;
background:var(--color-gold);color:var(--color-ink-plum);
font-family:var(--font-heading);font-size:16.8px;line-height:1.3;text-align:center;
box-shadow:0 8px 20px rgb(0 0 0 / .28);
text-decoration:none;transition:transform .22s ease,box-shadow .22s ease;
}
.vr-sticker:hover{
color:var(--color-ink-plum);
transform:rotate(0deg) translateY(-2px);box-shadow:0 12px 26px rgb(0 0 0 / .34);
}
.vr-sticker strong{font-weight:var(--font-heading-weight)}
.vr-plans{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
grid-template-rows:repeat(4,auto);
gap:1px;background:var(--color-divider);
margin:40px 0 0;
border:1px solid var(--color-divider);border-radius:14px;overflow:hidden;
}
.vr-plan{
display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:14px;
background:var(--color-bg);padding:34px 30px 32px;
}
.vr-plans-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){
.vr-plans-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.vr-plan-key{background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg))}
.vr-plan-name{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
font-family:var(--font-body);font-size:19.2px;line-height:1.2;
}
.vr-plan-flag{font-size:12px}
.vr-plan-figure{
font-size:clamp(36px,3.6vw,48px);line-height:1.05;letter-spacing:-.025em;
font-feature-settings:'tnum' 1;align-self:start;overflow-wrap:anywhere;
}
.vr-plan-key .vr-plan-figure{color:var(--color-accent-emph)}
.vr-plan-per{
display:block;margin-top:8px;
font-size:17px;letter-spacing:0;line-height:1.4;
color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.vr-plan-allow{
font-size:18px;line-height:1.4;align-self:start;
color:color-mix(in srgb, var(--color-text) 78%, transparent);
}
.vr-plan-allow strong{font-size:22px;color:var(--color-text)}
.vr-plan-orders{display:block;margin-top:6px;font-size:15px;color:var(--color-muted)}
.vr-plan-cta{align-self:end;justify-self:start;font-size:17px;padding:11px 20px;text-align:center}
.vr-plan-inc-cta{margin-top:36px}
.vr-plan-inc-wrap{margin-top:44px;scroll-margin-top:var(--vr-rhythm)}
.vr-plan-inc-h{margin:0 0 24px}
.vr-matrix-lede{
margin:0 0 28px;max-width:60ch;font-size:17px;line-height:26px;
color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.vr-matrix-wrap{overflow-x:auto}
.vr-matrix{width:100%;border-collapse:collapse;font-size:17px;line-height:26px}
.vr-matrix th,.vr-matrix td{padding:16px 12px;border-bottom:1px solid var(--color-divider);vertical-align:top}
.vr-matrix tbody tr:last-child th,.vr-matrix tbody tr:last-child td{border-bottom:0}
.vr-matrix thead th{
font-family:var(--font-body);font-size:17px;font-weight:600;line-height:1.2;
text-align:center;vertical-align:bottom;color:var(--color-text);
}
.vr-matrix tbody th{
width:40%;text-align:left;font-weight:400;padding-left:0;
color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.vr-matrix tbody th strong{display:block;color:var(--color-text);font-weight:600}
.vr-matrix-sub{display:block;font-size:15px;line-height:22px;margin-top:2px}
.vr-matrix td{text-align:center;width:15%;font-feature-settings:'tnum' 1}
.vr-matrix thead th:nth-child(2),.vr-matrix td:nth-child(2){
background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg));
}
.vr-matrix-metered td{font-size:22px;font-weight:600;color:var(--color-text)}
.vr-matrix-orders td{color:color-mix(in srgb, var(--color-text) 78%, transparent)}
.vr-matrix-orders th,.vr-matrix-orders td{border-bottom-color:color-mix(in srgb, var(--color-text) 40%, transparent)}
.vr-plan-tick{width:20px;height:20px;margin-top:3px;color:var(--color-accent)}
.vr-ticks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.vr-ticks li{display:flex;align-items:flex-start;gap:12px;font-size:18.6px;line-height:28px}
.vr-ticks svg{flex:none;width:22px;height:22px;margin:3px 2px 0;color:var(--color-accent)}
.vr-ticks img{flex:none;width:26px;height:auto;margin-top:4px}
@media (max-width:640px){
.vr-matrix tr{display:flex;align-items:start;gap:12px}
.vr-matrix thead,.vr-matrix tr.vr-matrix-metered,.vr-matrix tr.vr-matrix-orders{display:none}
.vr-matrix tbody tr{padding:12px 0;border-bottom:1px solid var(--color-divider)}
.vr-matrix tbody tr:last-child{border-bottom:0}
.vr-matrix th,.vr-matrix td{padding:0;border-bottom:0;background:none}
.vr-matrix tbody th{width:auto}
.vr-matrix td{display:none;width:auto}
.vr-matrix td:nth-child(2){display:block;order:-1;background:none}
.vr-matrix-sub{font-size:15px;line-height:22px}
.vr-plan-tick{margin-top:2px}
}
.vr-faq{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-faq-h{margin-bottom:48px;max-width:20ch}
.vr-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.vr-faq-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vr-faq-item{padding:28px 0;border-bottom:1px solid var(--color-divider)}
.vr-faq-item-first{padding-top:0}
.vr-faq-item-last{border-bottom:0}
.vr-faq-item h3{font-family:var(--font-body);font-size:18.24px;line-height:1.3;margin:0 0 10px}
.vr-faq-item p{font-size:19.2px;line-height:33.6px;margin:0;color:color-mix(in srgb, var(--color-text) 75%, transparent)}
.vr-faq-grid.vr-cards{gap:20px;margin-top:28px}
.vr-faq-grid.vr-cards > .vr-faq-item{
padding:26px 26px 28px;border:1px solid var(--color-divider);border-radius:var(--radius-lg);
background:color-mix(in srgb, var(--color-text) 5%, transparent);
}
.vr-cards .vr-faq-item svg{display:block;width:30px;height:30px;margin-bottom:16px;color:var(--color-accent)}
.vr-cta{
padding:var(--vr-rhythm) 0;
background:
radial-gradient(1000px 500px at 50% -80%,
color-mix(in srgb, var(--color-section-glow) 70%, transparent), transparent 62%),
var(--color-section);
}
.vr-cta-inner{text-align:center}
.vr-cta-h{font-size:clamp(30.72px,4.03vw,53.76px);line-height:1.08;letter-spacing:-.025em;margin:0 auto 22px;max-width:24ch}
.vr-cta-p{font-size:21.6px;line-height:36px;margin:0 auto 36px;max-width:52ch}
.vr-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.vr-block-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space-6)}
.vr-cta-note{font-size:16.8px;line-height:28.8px;margin:26px 0 0;color:color-mix(in srgb, var(--color-text) 65%, transparent)}
.vr-ask-strip{display:flex;align-items:center;gap:16px;padding-bottom:28px;border-bottom:1px solid var(--color-divider)}
.vr-ask-strip-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.vr-ask-strip-p{margin:0;font-size:16.8px;line-height:26px;color:color-mix(in srgb, var(--color-text) 75%, transparent)}
.vr-ask-strip-p a{text-decoration:underline;text-underline-offset:3px}
.vr-cta-agency{
margin:40px auto 0;max-width:40em;
padding:22px 26px;border-radius:14px;
border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 9%, transparent);
font-size:19.2px;line-height:31px;font-weight:600;
color:var(--color-text);
}
.vr-cta-agency a{text-decoration:underline;text-underline-offset:3px}
.vr-form{max-width:26rem;margin:0 auto 22px;text-align:left}
.vr-form .field{margin:0 0 var(--space-6)}
.vr-form-actions{margin:0}
.vr-form-actions .btn{width:100%}
.vr-form-turnstile:not(:empty){margin:0 0 var(--space-6)}
.field > label.vr-agree{
display:flex;align-items:start;gap:10px;
font-size:15.6px;line-height:23px;margin-bottom:0;cursor:pointer;
color:color-mix(in srgb, var(--color-text) 78%, transparent);
}
.vr-agree input{
flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;
accent-color:var(--color-accent);cursor:pointer;
}
.vr-agree a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}
.vr-agree a:hover{color:var(--color-accent)}
.vr-cta-start{display:none}
.vr-js .vr-cta-start{display:inline-flex}
.vr-js #vr-form-home{display:none}
.vr-form-note{
font-size:14.4px;line-height:24px;margin:12px 0 0;text-align:center;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-form-note a{text-decoration:underline;text-underline-offset:3px}
.vr-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vr-edit-intro{margin-bottom:var(--space-12)}
.vr-edit{
padding:var(--space-8);
border:1px solid var(--color-divider);border-radius:var(--radius-lg);
background:color-mix(in srgb, var(--color-surface) 55%, transparent);
}
.vr-edit-head{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);
margin:0 0 var(--space-8);padding:0 0 var(--space-6);border-bottom:1px solid var(--color-divider);
}
.vr-edit-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16.8px;font-weight:600;color:var(--color-text)}
.vr-edit-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent)}
.vr-edit-tag{
margin:0;padding:4px 12px;border:1px solid var(--color-divider);border-radius:999px;
font-size:12px;line-height:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);
}
.vr-edit-cols{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-6);align-items:start}
.vr-edit-col{min-width:0}
.vr-edit-label-row{
display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;
min-height:26px;margin:0 0 8px;
}
.vr-edit-label{font-size:14.4px;font-weight:600;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-edit-hint{font-size:13.2px;color:var(--color-muted)}
.vr-edit textarea.vr-edit-input{display:block;min-height:240px;line-height:1.55}
.vr-edit-arrow{display:grid;place-items:center;align-self:center;margin-top:34px;color:var(--color-muted)}
.vr-edit-again{
padding:0;border:0;background:none;font:inherit;font-size:13.2px;cursor:pointer;
color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;
}
.vr-edit-again:hover,
.vr-edit-again:focus-visible{color:var(--color-text)}
.vr-edit-again[hidden]{display:none}
.vr-edit-tip{margin:var(--space-4) 0 0;font-size:14.4px;line-height:22px;color:var(--color-muted)}
.vr-edit-result{
display:flex;align-items:flex-start;gap:var(--space-6);
margin:var(--space-8) 0 0;padding:var(--space-6) var(--space-8);
border:1px solid var(--color-divider);border-radius:12px;
background:color-mix(in srgb, var(--color-surface) 70%, transparent);
transition:border-color .25s ease, opacity .25s ease;
}
.vr-edit-result[aria-busy="true"]{opacity:.6}
.vr-edit-icon{
flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
border:1.5px solid currentColor;color:var(--color-muted);
transition:color .25s ease, background-color .25s ease;
}
.vr-edit-icon svg{display:none;grid-area:1/1}
.vr-edit-result-text{min-width:0}
.vr-edit-result-label{
margin:0 0 4px;font-size:0.74rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-muted);
}
.vr-edit-result-h{margin:0 0 6px;font-size:1.25rem;line-height:1.3;letter-spacing:-0.01em}
.vr-edit-result-p{margin:0;max-width:62ch;font-size:0.98rem;color:var(--color-muted)}
.vr-edit-result[data-tone="good"]{border-color:color-mix(in srgb, var(--color-good) 45%, transparent)}
.vr-edit-result[data-tone="good"] .vr-edit-icon{color:var(--color-good);background:color-mix(in srgb, var(--color-good) 12%, transparent)}
.vr-edit-result[data-tone="good"] .vr-edit-icon-good{display:block}
.vr-edit-result[data-tone="good"] .vr-edit-result-label{color:var(--color-good)}
.vr-edit-result[data-tone="bad"]{border-color:color-mix(in srgb, var(--color-bad) 50%, transparent)}
.vr-edit-result[data-tone="bad"] .vr-edit-icon{color:var(--color-bad-ink);background:color-mix(in srgb, var(--color-bad) 12%, transparent)}
.vr-edit-result[data-tone="bad"] .vr-edit-icon-bad{display:block}
.vr-edit-result[data-tone="bad"] .vr-edit-result-label{color:var(--color-bad-ink)}
.vr-edit-result[data-tone="unknown"]{border-color:color-mix(in srgb, var(--color-gold-edge) 45%, transparent)}
.vr-edit-result[data-tone="unknown"] .vr-edit-icon{color:var(--color-gold-ink)}
.vr-edit-result[data-tone="unknown"] .vr-edit-icon-unknown{display:block}
.vr-edit-result[data-tone="unknown"] .vr-edit-result-label{color:var(--color-gold-ink)}
.vr-edit-result[data-tone="pending"] .vr-edit-icon-pending{display:block}
.vr-edit-actions{margin:var(--space-8) 0 0}
.vr-edit-live .vr-edit-actions{display:none}
@media (max-width:860px){
.vr-edit-cols{grid-template-columns:minmax(0,1fr)}
.vr-edit-arrow{margin:0;transform:rotate(90deg)}
}
@media (max-width:640px){
.vr-edit{padding:16px}
.vr-edit textarea.vr-edit-input{min-height:180px}
.vr-edit-result{gap:12px;padding:16px}
.vr-edit-icon{width:36px;height:36px}
.vr-edit-actions .btn{width:100%}
}
@media (prefers-reduced-motion: reduce){
.vr-edit-result,
.vr-edit-icon{transition:none}
}
.vr-modal{border:0;padding:0;background:transparent;color:var(--color-text)}
.vr-modal[open]{
display:grid;place-items:center;
width:100%;max-width:100%;height:100%;max-height:100%;
background:color-mix(in srgb, var(--color-neutral-900) 72%, transparent);
}
.vr-modal::backdrop{background:transparent}
.vr-modal-card{
width:min(30rem, calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;
padding:28px;border-radius:var(--radius-lg);
background:var(--color-surface);box-shadow:var(--shadow-lg);
}
.vr-modal-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.vr-modal-h{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:0}
.vr-modal-x{flex:none;font-size:14.4px;padding:6px 12px;font-family:var(--font-body);font-weight:400}
.vr-modal-p{
font-size:16.8px;line-height:28px;margin:12px 0 22px;
color:color-mix(in srgb, var(--color-text) 72%, transparent);
}
.vr-modal-card .vr-form{margin-bottom:0}
.vr-sig-section{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-sig-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:80px;align-items:start}
.vr-sig-h{margin-bottom:22px;max-width:18ch}
.vr-sig-p{font-size:20.4px;line-height:36px;margin:0 0 16px;max-width:52ch;color:color-mix(in srgb, var(--color-text) 82%, transparent)}
.vr-sig-p-last{margin-bottom:36px}
.vr-sig-panel{
border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 45%, transparent);
}
.vr-sig-panel-head{
display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:16px 22px;border-bottom:1px solid var(--color-divider);
}
.vr-sig-panel-label{
font-size:13.2px;letter-spacing:.08em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-sig-verdict{letter-spacing:.06em;text-transform:uppercase;font-size:12.6px}
.vr-sig-rows{margin:0;padding:22px 22px 4px}
.vr-sig-row{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:14px;padding-bottom:16px}
.vr-sig-row dt{font-size:14.4px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-sig-row dd{margin:0;font-size:15.6px;font-feature-settings:'tnum' 1}
.vr-sig-checks{
display:flex;flex-direction:column;gap:12px;
padding:20px 22px;border-top:1px solid var(--color-divider);
}
.vr-sig-check{display:flex;align-items:flex-start;gap:11px;font-size:15.6px;line-height:25.2px}
.vr-sig-check svg{margin-top:5px}
.vr-sig-check-mark{flex:none;margin-top:3px}
.vr-sig-grid-flip .vr-sig-panel{order:-1}
.vr-sig-stack{grid-template-columns:minmax(0,1fr);gap:8px}
.vr-sig-stack dd{font-size:15.6px;line-height:25.2px}
.vr-sig-elision{color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent)}
.vr-check{position:sticky;top:40px}
.vr-check-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vr-check-bar{
display:inline-flex;gap:4px;margin:0 0 14px;padding:3px;
border:1px solid var(--color-divider);border-radius:999px;
}
.vr-check-bar label{
padding:5px 14px;border-radius:999px;cursor:pointer;
font-size:12.6px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
transition:background-color .18s ease,color .18s ease;
}
.vr-check-bar label:hover{color:var(--color-text)}
.vr-check-input-pass:checked ~ .vr-check-bar .vr-check-lbl-pass,
.vr-check-input-fail:checked ~ .vr-check-bar .vr-check-lbl-fail{
background:color-mix(in srgb, var(--color-surface) 90%, transparent);
color:var(--color-text);
}
.vr-check-input-pass:focus-visible ~ .vr-check-bar .vr-check-lbl-pass,
.vr-check-input-fail:focus-visible ~ .vr-check-bar .vr-check-lbl-fail{
outline:2px solid var(--color-accent);outline-offset:2px;
}
.vr-check-fail{display:none}
.vr-check-input-fail:checked ~ .vr-check-pass{display:none}
.vr-check-input-fail:checked ~ .vr-check-fail{display:block}
.vr-sig-cross{
flex:none;width:26px;margin-top:1px;
color:var(--color-bad);font-size:15.6px;line-height:25.2px;text-align:center;
}
.vr-sig-added{color:var(--color-bad)}
.tag-bad{
background:color-mix(in srgb, var(--color-bad) 22%, var(--color-ramp-ground));
color:color-mix(in srgb, var(--color-bad) var(--tag-bad-mix), var(--color-ramp-ink));
}
.vr-sig-panel-note{
margin:0;padding:16px 22px;border-top:1px solid var(--color-divider);
font-size:14.4px;line-height:24px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-footer{
padding-top:56px;padding-bottom:48px;
display:flex;flex-direction:column;gap:44px;
}
.vr-footer span{font-size:18px;color:color-mix(in srgb, var(--color-text) var(--mute), transparent)}
.vr-footer-map{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:36px 32px}
.vr-footer-col{max-width:14rem}
@media (max-width:900px){.vr-footer-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
.vr-footer-h{
font-family:var(--font-heading);font-weight:var(--font-heading-weight);
font-size:13.2px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;
margin:0 0 14px;color:var(--color-text);
}
.vr-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;justify-items:start}
.vr-footer-list + .vr-footer-h{margin-top:32px}
.vr-footer .vr-footer-list a{font-size:15.6px;line-height:1.35}
.vr-footer-list a{color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);text-decoration:none}
.vr-footer-list a:hover{color:var(--color-accent-hover)}
.vr-footer-base{
display:flex;flex-wrap:wrap;gap:16px 32px;align-items:baseline;justify-content:space-between;
padding-top:28px;border-top:1px solid var(--color-divider);
}
.vr-footer-brand{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.vr-footer-contact{display:flex;flex-direction:column;align-items:start}
.vr-footer-legal{display:flex;gap:20px;margin-top:8px}
.vr-footer-legal a{color:inherit}
.vr-footer-legal a:hover{color:var(--color-accent-hover)}
.vr-theme-seg{display:none;margin-bottom:12px}
.vr-js .vr-theme-seg{display:inline-flex}
.vr-theme-seg{
gap:4px;padding:3px;overflow:visible;
border:1px solid var(--color-divider);border-radius:999px;
}
.vr-theme-seg .seg-opt{
padding:5px 14px;border-radius:999px;
font-size:12.6px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
transition:background-color .18s ease,color .18s ease;
}
.vr-theme-seg .seg-opt + .seg-opt{border-left:0}
.vr-theme-seg .seg-opt:hover{background:none;color:var(--color-text)}
.vr-theme-seg .seg-opt:has(input:checked){
background:color-mix(in srgb, var(--color-surface) 90%, transparent);
color:var(--color-text);box-shadow:none;
}
.vr-theme-seg .seg-opt:has(input:focus-visible){
outline:2px solid var(--color-accent);outline-offset:2px;
}
.vr-choice{display:grid;gap:26px}
.vr-choice-fig{margin:0;display:flex;flex-direction:column;gap:12px}
.vr-choice-label{
font-size:15.6px;letter-spacing:.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-choice-card{
border:1px solid var(--color-divider);border-radius:14px;overflow:hidden;
background:color-mix(in srgb, var(--color-surface) 55%, transparent);
}
.vr-choice-head{
display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:14px 18px;border-bottom:1px solid var(--color-divider);
}
.vr-choice-title{font-size:15.6px}
.vr-choice-tag{font-size:13.2px;padding:5px 11px;white-space:nowrap}
.vr-choice-body{padding:18px}
.vr-choice-rating{display:flex;align-items:center;gap:9px;margin:0 0 14px;flex-wrap:wrap}
.vr-choice-stars{gap:2px}
.vr-choice-star-off{display:flex;color:color-mix(in srgb, var(--color-text) 24%, transparent)}
.vr-choice-rating-text{
font-size:14.4px;font-feature-settings:'tnum' 1;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-choice-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vr-choice-item{
display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;
padding:9px 12px;border:1px solid var(--color-divider);border-radius:8px;
background:var(--color-bg);
}
.vr-choice-item-held{border-style:dashed;background:transparent}
.vr-choice-mark,.vr-choice-mark-off{justify-self:center}
.vr-choice-mark-off{
width:9px;height:9px;border-radius:50%;
border:1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
}
.vr-choice-quote{
font-size:14.4px;line-height:23px;
color:color-mix(in srgb, var(--color-text) 82%, transparent);
}
.vr-choice-redact{
height:10px;border-radius:2px;
mask-image:linear-gradient(to right,#000 80%,transparent);
background:repeating-linear-gradient(to right,
color-mix(in srgb, var(--color-text) 18%, transparent) 0 30px,
transparent 30px 43px);
}
.vr-choice-item-held:nth-of-type(4) .vr-choice-redact{width:74%}
.vr-choice-item-held:nth-of-type(5) .vr-choice-redact{width:52%}
.vr-choice-state{font-size:12.6px;padding:3px 9px;white-space:nowrap}
.vr-choice-bars{display:grid;gap:7px}
.vr-choice-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.vr-choice-bar-star{
display:inline-flex;align-items:center;gap:4px;
font-size:13.2px;font-feature-settings:'tnum' 1;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-choice-bar-glyph{display:flex;color:var(--color-gold)}
.vr-choice-bar-track{
height:8px;border-radius:99px;overflow:hidden;
background:color-mix(in srgb, var(--color-text) 10%, transparent);
}
.vr-choice-bar-fill{
display:block;height:100%;border-radius:99px;
background:var(--color-gold);
}
.vr-choice-bar:nth-child(1) .vr-choice-bar-fill{width:100%}
.vr-choice-bar:nth-child(2) .vr-choice-bar-fill{width:50%}
.vr-choice-bar:nth-child(3) .vr-choice-bar-fill{width:50%}
.vr-choice-bar:nth-child(4) .vr-choice-bar-fill{width:50%}
.vr-choice-bar:nth-child(5) .vr-choice-bar-fill{width:0}
.vr-choice-bar-n{
min-width:42px;text-align:right;
font-size:13.2px;font-feature-settings:'tnum' 1;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-choice-note{
margin:14px 0 0;font-size:14.4px;line-height:24px;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
@keyframes vr-travel{0%,14%{left:12.5%;opacity:0}16%{left:12.5%;opacity:1}28%{left:37.5%}44%{left:37.5%}52%{left:62.5%}68%{left:62.5%}76%{left:87.5%}96%{left:87.5%;opacity:1}100%{left:87.5%;opacity:0}}
@keyframes vr-travel-v{0%,14%{top:12.5%;opacity:0}16%{top:12.5%;opacity:1}28%{top:37.5%}44%{top:37.5%}52%{top:62.5%}68%{top:62.5%}76%{top:87.5%}96%{top:87.5%;opacity:1}100%{top:87.5%;opacity:0}}
@keyframes vr-cardbg{0%,14%{background:color-mix(in srgb, var(--color-accent) 9%, transparent)}16%,100%{background:transparent}}
@keyframes vr-bar{0%{transform:scaleX(0);opacity:1}4%,14%{transform:scaleX(1);opacity:1}16%,100%{transform:scaleX(1);opacity:0}}
@keyframes vr-type{0%,2%{width:8%}10%,100%{width:100%}}
@keyframes vr-star{0%{opacity:.2}2%,96%{opacity:1}100%{opacity:.2}}
@keyframes vr-flow-send{
0%,12%   {transform:none;opacity:1}
19%      {transform:translateX(26px);opacity:0}
20%      {transform:none;opacity:0}
26%,100% {transform:none;opacity:1}}
@keyframes vr-flow-receive{
0%     {transform:translateX(26px);opacity:0}
7%,100%{transform:none;opacity:1}}
@keyframes vr-flow-in-right{
0%     {transform:translateX(14px);opacity:0}
6%,100%{transform:none;opacity:1}}
@keyframes vr-pop{0%{opacity:0;transform:translateY(5px)}3%,100%{opacity:1;transform:none}}
@keyframes vr-serp-star-fill{
0%  {opacity:.35}
100%{opacity:1}}
@keyframes vr-route-draw{0%,15%{stroke-dashoffset:100}27%,100%{stroke-dashoffset:0}}
@keyframes vr-route-win{0%,26%{border-color:var(--color-divider);background:var(--color-bg)}31%,100%{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg))}}
@keyframes vr-route-bar{0%,26%{transform:scaleX(0)}31%,100%{transform:scaleX(1)}}
@keyframes vr-route-fade{0%{opacity:0;transform:translateY(5px)}3%,34%{opacity:1;transform:none}40%,100%{opacity:.42;transform:none}}
@keyframes vr-route-wait{0%,38%{left:0;opacity:0}40%{left:0;opacity:1}58%{left:100%;opacity:1}60%,100%{left:100%;opacity:0}}
@keyframes vr-inbox-reply{
0%,9.5%{border-color:var(--color-divider);color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);background:transparent}
11%,100%{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}
@keyframes vr-inbox-open{
0%,9.5%{opacity:0;transform:translateY(7px)}
12%,100%{opacity:1;transform:none}}
@keyframes vr-inbox-w1{0%,15%{opacity:0}16%,100%{opacity:1}}
@keyframes vr-inbox-w2{0%,16.17%{opacity:0}17.17%,100%{opacity:1}}
@keyframes vr-inbox-w3{0%,17.33%{opacity:0}18.33%,100%{opacity:1}}
@keyframes vr-inbox-w4{0%,18.5%{opacity:0}19.5%,100%{opacity:1}}
@keyframes vr-inbox-w5{0%,19.67%{opacity:0}20.67%,100%{opacity:1}}
@keyframes vr-inbox-w6{0%,20.83%{opacity:0}21.83%,100%{opacity:1}}
@keyframes vr-inbox-w7{0%,22%{opacity:0}23%,100%{opacity:1}}
@keyframes vr-inbox-w8{0%,23.17%{opacity:0}24.17%,100%{opacity:1}}
@keyframes vr-inbox-w9{0%,24.33%{opacity:0}25.33%,100%{opacity:1}}
@keyframes vr-inbox-w10{0%,25.5%{opacity:0}26.5%,100%{opacity:1}}
@keyframes vr-inbox-w11{0%,26.67%{opacity:0}27.67%,100%{opacity:1}}
@keyframes vr-inbox-w12{0%,27.83%{opacity:0}28.83%,100%{opacity:1}}
@keyframes vr-inbox-w13{0%,29%{opacity:0}30%,100%{opacity:1}}
@keyframes vr-inbox-w14{0%,30.17%{opacity:0}31.17%,100%{opacity:1}}
@keyframes vr-inbox-w15{0%,31.33%{opacity:0}32.33%,100%{opacity:1}}
@keyframes vr-inbox-w16{0%,32.5%{opacity:0}33.5%,100%{opacity:1}}
@keyframes vr-inbox-w17{0%,33.67%{opacity:0}34.67%,100%{opacity:1}}
@keyframes vr-inbox-w18{0%,34.83%{opacity:0}35.83%,100%{opacity:1}}
@keyframes vr-inbox-w19{0%,36%{opacity:0}37%,100%{opacity:1}}
@keyframes vr-inbox-w20{0%,37.17%{opacity:0}38.17%,100%{opacity:1}}
@keyframes vr-inbox-w21{0%,38.33%{opacity:0}39.33%,100%{opacity:1}}
@keyframes vr-inbox-w22{0%,39.5%{opacity:0}40.5%,100%{opacity:1}}
@keyframes vr-inbox-caret{0%{opacity:0}.02%,1.15%{opacity:1}1.17%,100%{opacity:0}}
@keyframes vr-inbox-caret-last{0%{opacity:0}.02%,4.4%{opacity:1}4.5%,100%{opacity:0}}
@keyframes vr-inbox-send{
0%,41.6%{border-color:var(--color-divider);color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);background:transparent}
43.3%,100%{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}
@keyframes vr-inbox-send-label{0%,46.6%{opacity:1}47.5%,100%{opacity:0}}
@keyframes vr-inbox-send-done{0%,46.6%{opacity:0}47.5%,100%{opacity:1}}
@keyframes vr-inbox-hop-in{0%,51.6%{opacity:0;transform:translateY(5px)}54.6%,100%{opacity:1;transform:none}}
@keyframes vr-inbox-review-in{0%,58.3%{opacity:0;transform:translateY(5px)}61.3%,100%{opacity:1;transform:none}}
@keyframes vr-pub-cut-was{0%,11.5%{opacity:1}16.5%,100%{opacity:0}}
@keyframes vr-pub-in-cut{0%,16.5%{opacity:0}18.5%,100%{opacity:1}}
@keyframes vr-pub-unpick{0%,27.5%{border-color:var(--color-accent);background:var(--color-accent)}
28.5%,100%{border-color:color-mix(in srgb, var(--color-text) 40%, transparent);background:transparent}}
@keyframes vr-pub-pick{0%,27.5%{border-color:color-mix(in srgb, var(--color-text) 40%, transparent);background:transparent}
28.5%,100%{border-color:var(--color-accent);background:var(--color-accent)}}
@keyframes vr-pub-pick-ink{0%,27.5%{color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent)}
28.5%,100%{color:var(--color-text)}}
@keyframes vr-pub-press{
0%,38.5%{border-color:var(--color-divider);color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);background:transparent}
40%,100%{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}
@keyframes vr-pub-out{0%,45.5%{opacity:1}46.5%,100%{opacity:0}}
@keyframes vr-pub-in{0%,45.5%{opacity:0}46.5%,100%{opacity:1}}
@keyframes vr-pub-done{0%,46.5%{opacity:0;transform:translateY(5px)}49.5%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){[data-vr-anim],[data-vr-anim] *{animation:none !important}}
@media (prefers-reduced-motion: reduce){
.vr-inbox-typed span::after{animation:none}
}
[data-vr-anim]:not([data-vr-loop]) *,
[data-vr-anim]:not([data-vr-loop]) *::before,
[data-vr-anim]:not([data-vr-loop]) *::after{animation-iteration-count:1;animation-fill-mode:both}
[data-vr-anim]:not([data-vr-loop]) .vr-flow-step{animation-fill-mode:forwards}
.vr-js [data-vr-anim]:not([data-vr-loop]):not([data-vr-seen]) *,
.vr-js [data-vr-anim]:not([data-vr-loop]):not([data-vr-seen]) *::before,
.vr-js [data-vr-anim]:not([data-vr-loop]):not([data-vr-seen]) *::after{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){
.vr-doc-stamp rect,
.vr-doc-stamp path{stroke-dashoffset:0 !important}
}
[data-vr-lift]{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
[data-vr-lift]:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--color-gold-edge) 55%, var(--color-divider));box-shadow:var(--shadow-md)}
[data-vr-stars]{transition:transform .3s cubic-bezier(.2,.8,.2,1);transform-origin:left center}
[data-vr-lift]:hover [data-vr-stars]{transform:scale(1.09)}
[data-vr-flip] > *:first-child{order:2}
[data-vr-flip] > *:nth-child(2){order:1}
[data-vr-cols][data-vr-centre]{align-items:center}
[data-vr-sticky-cols] > *{position:sticky;top:40px}
[data-vr-cell]{transition:background-color .28s ease}
[data-vr-cell]:hover{background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}
[data-vr-cell] h3{transition:color .28s ease}
[data-vr-cell]:hover h3{color:var(--color-accent-emph)}
[data-vr-q] h3{transition:color .25s ease}
[data-vr-q]:hover h3{color:var(--color-accent-emph)}
.tag{transition:background-color .22s ease,border-color .22s ease,color .22s ease}
[data-vr-nav] a:not(.btn){position:relative}
[data-vr-nav] a:not(.btn)::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
[data-vr-nav] a:not(.btn):hover::after{transform:scaleX(1)}
[data-vr-rail-v]{display:none}
@media (max-width:860px){
[data-vr-rail]{display:none}
[data-vr-rail-v]{display:block}
[data-vr-grid]{grid-template-columns:minmax(0,1fr)}
[data-vr-grid] > div{border-left:0;padding-left:58px;border-top:0}
[data-vr-grid] > div + div{border-top:1px solid var(--color-divider)}
[data-vr-grid] > div > div:first-child{left:58px}
[data-vr-cols]{grid-template-columns:minmax(0,1fr);gap:36px}
.vr-hero-sub{font-size:15px;gap:8px;padding:6px 13px 6px 10px}
.vr-hero-sub svg{width:18px;height:18px}
.vr-signpost-list{margin-left:-13px}
.vr-signpost-item{gap:10px}
.vr-signpost-row{padding:13px 12px;gap:11px}
.vr-signpost-step{font-size:15.9px;line-height:25px}
.vr-feature-grid{margin-inline:0;gap:1px}
[data-vr-flip] > *:first-child,
[data-vr-flip] > *:nth-child(2){order:0}
[data-vr-sticky]{position:static}
[data-vr-sticky-cols] > *{position:static}
[data-vr-pad-sm]{padding:28px}
.vr-plans{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.vr-plan{grid-template-rows:none;grid-row:auto;display:flex;flex-direction:column;align-items:start}
.vr-plan > .vr-plan-cta{align-self:start}
.vr-plans-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto)}
.vr-plans-4 > .vr-plan{
display:grid;grid-template-rows:subgrid;grid-row:span 4;
align-items:start;padding:24px 18px 22px;
}
.vr-plans-4 > .vr-plan > .vr-plan-cta{align-self:end}
.vr-faq-grid{gap:0}
.vr-faq-grid > .vr-faq-item{padding-top:28px;border-bottom:1px solid var(--color-divider)}
.vr-faq-grid > .vr-faq-item:first-child{padding-top:0}
.vr-faq-grid > .vr-faq-item:last-child{border-bottom:0}
[data-vr-nav]{column-gap:22px}
[data-vr-nav] > .btn{order:1}
[data-vr-nav]:has(> a:not(.btn))::after{content:'';flex-basis:100%;height:0;order:2}
[data-vr-nav] > a:not(.btn){order:3;font-size:15.6px}
.vr-hero{padding-top:32px;display:block}
.vr-line{display:inline}
.vr-eyebrow-rule{display:none}
.vr-eyebrow{font-size:14px;letter-spacing:.04em}
.vr-chain-row{flex-direction:column;align-items:stretch;gap:14px}
.vr-record-link{height:34px}
.vr-btn-lg-tall{white-space:normal;text-align:center}
.vr-cta-video .vr-video-cta-inline{flex-direction:column;gap:6px;text-align:center}
}
@media (max-width:350px){
.vr-plans-4{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.vr-plans-4 > .vr-plan{
display:flex;flex-direction:column;align-items:start;
grid-template-rows:none;grid-row:auto;
}
.vr-plans-4 > .vr-plan > .vr-plan-cta{align-self:start}
}
@container (max-width: 600px){
.vr-route-body{grid-template-columns:minmax(0,1fr);padding:22px 20px}
.vr-route-wires{display:none}
.vr-route-wires-v{display:block}
.vr-route-foot{flex-direction:column;align-items:stretch;gap:10px}
.vr-route-foot-rail{flex:none}
.vr-route-foot-sent{align-self:flex-start}
}
@container (max-width: 460px){
.vr-inbox-field{grid-template-columns:minmax(0,58px) minmax(0,1fr);gap:9px}
.vr-inbox-msg,
.vr-inbox-compose{padding-left:16px;padding-right:16px}
.vr-inbox-shop-body{padding-left:15px;padding-right:15px}
.vr-inbox-shop-crumb{flex-direction:column;align-items:flex-start;gap:3px}
}
.vr-modal--video .vr-modal-card{width:min(var(--vr-video-width, 60rem), calc(100vw - 32px));padding:20px}
.vr-video-h{font-size:22px}
.vr-video-frame{
position:relative;aspect-ratio:var(--vr-video-aspect, 1.7778);margin-top:16px;
border-radius:var(--radius-md);overflow:hidden;
background:var(--color-ramp-ground);
}
.vr-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.vr-video-cta{display:inline-flex;align-items:center;gap:10px}
.vr-video-cta svg{flex:none;display:block}
.vr-video-cta-inline{
display:inline-flex;align-items:center;gap:10px;
color:color-mix(in srgb, var(--color-text) 82%, transparent);
font-size:16.8px;line-height:28px;text-decoration:none;
}
.vr-video-cta-inline:hover{color:var(--color-text)}
.vr-video-cta-inline span{text-decoration:underline;text-underline-offset:3px}
.vr-compare-video{margin:26px 0 0}
.vr-video-cta-step{
display:inline-flex;align-items:center;gap:8px;margin-top:10px;
font-size:15px;line-height:24px;text-decoration:none;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-video-cta-step:hover{color:var(--color-text)}
.vr-video-cta-step span{text-decoration:underline;text-underline-offset:3px}
.vr-video-cta-step svg{flex:none;display:block}
.vr-panel-links{list-style:none;margin:26px 0 0;padding:0;
display:flex;flex-direction:column;gap:10px}
.vr-panel-links .vr-video-cta-step{margin-top:0}
.vr-video-next{
margin:16px 0 0;padding-top:16px;
border-top:1px solid var(--color-divider);
display:flex;flex-wrap:wrap;gap:10px 28px;
}
.vr-video-next[hidden]{display:none}
.vr-cta-video{margin:22px 0 0;text-align:center;
font-size:16.8px;line-height:28px;color:color-mix(in srgb, var(--color-text) 62%, transparent)}
.vr-cta-video-links{
display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:10px 0 0;
}
.vr-form-err{
font-size:15px;line-height:24px;margin:14px 0 0;padding:12px 14px;
border-radius:var(--radius-md);
border:1px solid color-mix(in srgb, var(--color-danger, #e2565a) 46%, var(--color-divider));
background:color-mix(in srgb, var(--color-danger, #e2565a) 10%, transparent);
}
.vr-form-err[hidden]{display:none}
.vr-modal--quiz .vr-modal-card{width:min(40rem, calc(100vw - 32px));padding:24px 26px 22px}
.vr-prog{
height:6px;border-radius:99px;margin:20px 0 0;
background:color-mix(in srgb, var(--color-text) 12%, transparent);
}
.vr-prog-bar{
display:block;height:100%;width:0;border-radius:99px;
background:var(--color-gold-edge);
transition:width .42s cubic-bezier(.2,.8,.2,1);
}
.vr-prog-label{
font-size:13.5px;line-height:20px;margin:9px 0 0;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) var(--mute), transparent);
}
.vr-modal-body{margin:22px 0 0}
.vr-step[hidden]{display:none}
.vr-step-q{
font-family:var(--font-display, inherit);
font-size:23px;line-height:32px;letter-spacing:-.01em;margin:0 0 18px;max-width:34ch;
}
.vr-step-score{
font-size:20.4px;line-height:30px;margin:0 0 14px;
color:var(--color-gold-ink);
}
.vr-step-body{
font-size:16.2px;line-height:27px;margin:0 0 14px;max-width:52ch;
color:color-mix(in srgb, var(--color-text) 78%, transparent);
}
.vr-step-opts{display:grid;gap:9px}
.vr-opt{
display:grid;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;gap:13px;
padding:13px 14px;border-radius:var(--radius-md);cursor:pointer;
border:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 3%, transparent);
font-size:16.2px;line-height:25px;
transition:border-color .2s ease,background-color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1);
}
.vr-opt input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vr-opt-key{
flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);
border:1px solid var(--color-divider);
font-size:13px;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
.vr-opt-t{min-width:0}
.vr-opt-mark{
justify-self:end;width:16px;height:16px;position:relative;opacity:0;
transition:opacity .2s ease;
}
.vr-opt-mark::after{
content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.vr-opt:hover{
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 7%, transparent);
}
.vr-opt:hover .vr-opt-key{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider))}
.vr-opt input:focus-visible ~ .vr-opt-key{outline:2px solid var(--color-accent);outline-offset:2px}
.vr-opt.is-picked{
border-color:var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 24%, transparent);
box-shadow:0 0 0 1px var(--color-accent), 0 4px 14px color-mix(in srgb, var(--color-accent) 22%, transparent);
}
.vr-opt.is-picked .vr-opt-t{color:var(--color-text)}
.vr-opt.is-picked .vr-opt-key{
background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);
}
.vr-opt.is-picked .vr-opt-mark{opacity:1;color:var(--color-accent-emph)}
.vr-opt:hover:not(.is-picked){transform:translateY(-1px)}
.vr-step.is-checked .vr-opt{cursor:default}
.vr-step.is-checked .vr-opt:hover{
border-color:var(--color-divider);background:color-mix(in srgb, var(--color-text) 3%, transparent);
}
.vr-step.is-checked .vr-opt{transform:none}
.vr-step.is-checked .vr-opt.is-answer,
.vr-step.is-checked .vr-opt.is-answer:hover{
border-color:color-mix(in srgb, var(--color-ok, #4fbf87) 62%, transparent);
background:color-mix(in srgb, var(--color-ok, #4fbf87) 16%, transparent);
box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ok, #4fbf87) 62%, transparent);
}
.vr-step.is-checked .vr-opt.is-answer .vr-opt-t{color:var(--color-text)}
.vr-step.is-checked .vr-opt.is-answer .vr-opt-key{
background:color-mix(in srgb, var(--color-ok, #4fbf87) 82%, transparent);
border-color:transparent;color:var(--color-bg);
}
.vr-step.is-checked .vr-opt.is-answer .vr-opt-mark{opacity:1;color:color-mix(in srgb, var(--color-ok, #4fbf87) 90%, transparent)}
.vr-step.is-checked .vr-opt.is-picked:not(.is-answer),
.vr-step.is-checked .vr-opt.is-picked:not(.is-answer):hover{
border-color:color-mix(in srgb, var(--color-danger, #e2565a) 55%, transparent);
background:color-mix(in srgb, var(--color-danger, #e2565a) 13%, transparent);
box-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger, #e2565a) 55%, transparent);
}
.vr-step.is-checked .vr-opt.is-picked:not(.is-answer) .vr-opt-mark{opacity:0}
.vr-step.is-checked .vr-opt.is-picked:not(.is-answer) .vr-opt-key{
background:color-mix(in srgb, var(--color-danger, #e2565a) 78%, transparent);
border-color:transparent;color:var(--color-bg);
}
.vr-step.is-checked .vr-opt:not(.is-answer):not(.is-picked){opacity:.5}
.vr-explain{
margin:16px 0 0;padding:15px 16px;border-radius:var(--radius-md);
border:1px solid var(--color-divider);
border-left:2px solid var(--color-accent);
background:color-mix(in srgb, var(--color-accent) 7%, transparent);
animation:vr-explain-in .34s cubic-bezier(.2,.8,.2,1) both;
}
.vr-explain[hidden]{display:none}
.vr-explain-verdict{
font-size:15px;line-height:23px;margin:0 0 7px;letter-spacing:.02em;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
}
.vr-step.is-right .vr-explain{border-left-color:color-mix(in srgb, var(--color-ok, #4fbf87) 80%, transparent)}
.vr-step.is-right .vr-explain-verdict{color:color-mix(in srgb, var(--color-ok, #4fbf87) 92%, transparent)}
.vr-step.is-wrong .vr-explain{border-left-color:color-mix(in srgb, var(--color-danger, #e2565a) 70%, transparent)}
.vr-explain-body{font-size:16.2px;line-height:27px;margin:0;max-width:56ch}
@keyframes vr-explain-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.vr-modal--quiz .vr-form-turnstile:not(:empty){margin:20px 0 0}
.vr-modal--quiz .vr-form-turnstile[hidden]{display:none}
.vr-modal-foot{
display:flex;align-items:center;justify-content:space-between;gap:16px;
margin:20px 0 0;padding-top:18px;border-top:1px solid var(--color-divider);
}
.vr-modal--quiz .field{margin:0 0 var(--space-6)}
.vr-modal--quiz .field > label{display:block;margin:0 0 6px}
.vr-modal-go{display:inline-flex;align-items:center;gap:12px;margin-left:auto}
.vr-modal-skip{
border:0;background:none;padding:0;cursor:pointer;font:inherit;
font-size:15px;text-decoration:underline;text-underline-offset:3px;
color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent);
}
.vr-modal-skip:hover{color:var(--color-text)}
.vr-modal-skip[hidden]{display:none}
#vr-next[hidden]{display:none}
@media (max-width: 640px){
.vr-modal--quiz .vr-modal-card{padding:20px 18px 18px}
.vr-step-q{font-size:20.4px;line-height:29px}
.vr-modal-foot{gap:10px}
}
@media (prefers-reduced-motion: reduce){
.vr-prog-bar{transition:none}
.vr-explain{animation:none}
.vr-opt{transition:none}
}
.vr-dir{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vr-dir-card{
display:flex;flex-direction:column;align-items:flex-start;
padding:28px 30px 24px;border-radius:var(--radius-lg);
border:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 3%, transparent);
text-decoration:none;color:inherit;
transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,
background-color .28s ease,box-shadow .28s ease;
}
.vr-dir-name{
font-family:var(--font-body);font-size:21px;line-height:1.25;margin:0 0 10px;
color:var(--color-text);
transition:color .28s ease;
}
.vr-dir-desc{
font-size:17.6px;line-height:30px;margin:0 0 20px;
color:color-mix(in srgb, var(--color-text) 75%, transparent);
}
.vr-dir-go{
display:inline-flex;align-items:center;gap:7px;margin-top:auto;
padding:8px 14px;border-radius:99px;
border:1px solid var(--color-divider);
font-size:15px;line-height:22px;
color:color-mix(in srgb, var(--color-text) 72%, transparent);
transition:border-color .28s ease,color .28s ease,background-color .28s ease;
}
.vr-dir-arrow{flex:none;display:block;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.vr-dir-card:hover{
transform:translateY(-3px);
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 8%, transparent);
box-shadow:var(--shadow-md);
}
.vr-dir-card:hover .vr-dir-name{color:var(--color-accent-emph)}
.vr-dir-card:hover .vr-dir-go{
color:var(--color-accent-emph);
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
}
.vr-dir-card:hover .vr-dir-arrow{transform:translate(2px,-2px)}
.vr-dir-card:focus-visible{
outline:2px solid var(--color-accent);outline-offset:3px;
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
}
.vr-dir-note{
font-size:15px;line-height:24px;margin:24px 0 0;
color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent);
}
@media (max-width: 760px){
.vr-dir-grid{grid-template-columns:minmax(0,1fr)}
.vr-dir{padding-top:64px;padding-bottom:64px}
}
@media (prefers-reduced-motion: reduce){
.vr-dir-card,.vr-dir-arrow{transition:none}
.vr-dir-card:hover{transform:none}
.vr-dir-card:hover .vr-dir-arrow{transform:none}
}
.vr-watch{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(21rem,(100% - 40px) / 3)),1fr));gap:20px}
.vr-watch-card{
display:flex;flex-direction:column;align-items:flex-start;
padding:20px 20px 22px;border-radius:var(--radius-lg);
border:1px solid var(--color-divider);
background:color-mix(in srgb, var(--color-text) 3%, transparent);
text-decoration:none;color:inherit;
transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,
background-color .28s ease,box-shadow .28s ease;
}
.vr-watch-poster{
align-self:stretch;display:block;width:100%;height:auto;
aspect-ratio:16 / 9;object-fit:cover;
border-radius:var(--radius-md);background:var(--color-ramp-ground);
margin:0 0 18px;
}
.vr-watch-meta{
display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;
font-size:15px;line-height:22px;
color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent);
}
.vr-watch-play{flex:none;display:block}
.vr-watch-len{font-variant-numeric:tabular-nums}
.vr-watch-name{
font-family:var(--font-body);font-size:21px;line-height:1.25;margin:0 0 10px;
color:var(--color-text);
transition:color .28s ease;
}
.vr-watch-desc{
font-size:17.6px;line-height:30px;margin:0 0 20px;
color:color-mix(in srgb, var(--color-text) 75%, transparent);
}
.vr-watch-go{
display:inline-flex;align-items:center;gap:7px;margin-top:auto;
padding:8px 14px;border-radius:99px;
border:1px solid var(--color-divider);
font-size:15px;line-height:22px;
color:color-mix(in srgb, var(--color-text) 72%, transparent);
transition:border-color .28s ease,color .28s ease,background-color .28s ease;
}
.vr-watch-arrow{flex:none;display:block;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.vr-watch-card:hover{
transform:translateY(-3px);
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 8%, transparent);
box-shadow:var(--shadow-md);
}
.vr-watch-card:hover .vr-watch-name{color:var(--color-accent-emph)}
.vr-watch-card:hover .vr-watch-go{
color:var(--color-accent-emph);
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
background:color-mix(in srgb, var(--color-accent) 12%, transparent);
}
.vr-watch-card:hover .vr-watch-arrow{transform:translate(2px,-2px)}
.vr-watch-card:focus-visible{
outline:2px solid var(--color-accent);outline-offset:3px;
border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-divider));
}
.vr-watch-tag{margin:0 0 14px}
.vr-watch-frame{max-width:min(100%, 52rem, calc((100vh - 290px) * var(--vr-video-aspect, 1.7778)));margin-top:28px}
.vr-watch-run{
margin:12px 0 20px;font-size:15px;line-height:22px;font-variant-numeric:tabular-nums;
color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent);
}
.vr-watch-marks{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-watch-script{padding-top:var(--vr-rhythm);padding-bottom:var(--vr-rhythm)}
.vr-watch-chapters{list-style:none;margin:28px 0 0;padding:0;font-size:19.2px;line-height:32.4px}
.vr-watch-chapters li{border-top:1px solid var(--color-divider)}
.vr-watch-chapters li:last-child{border-bottom:1px solid var(--color-divider)}
.vr-watch-chapters a{
display:flex;gap:16px;padding:10px 0;text-decoration:none;
color:color-mix(in srgb, var(--color-text) 82%, transparent);
}
.vr-watch-chapters a:hover{color:var(--color-text)}
.vr-watch-chapters a:hover .vr-watch-chapter{text-decoration:underline;text-underline-offset:3px}
.vr-watch-chapters a[aria-current]{color:var(--color-accent-emph)}
.vr-watch-at{
flex:none;min-width:3.5em;font-variant-numeric:tabular-nums;
color:color-mix(in srgb, var(--color-text) var(--mute-soft), transparent);
}
.vr-watch-chapters a[aria-current] .vr-watch-at{color:inherit}
.vr-watch-transcript{margin-top:28px;max-width:72ch}
.vr-watch-h3{
font-family:var(--font-body);font-size:16px;line-height:24px;
display:flex;gap:16px;margin:40px 0 12px;
color:color-mix(in srgb, var(--color-text) var(--mute-firm), transparent);
}
.vr-watch-h3:first-child{margin-top:0}
.vr-watch-note{
margin:22px 0 0;max-width:72ch;font-size:17.6px;line-height:30px;
color:color-mix(in srgb, var(--color-text) 75%, transparent);
}
.vr-watch-p{font-size:17.6px;line-height:32px;margin:0 0 16px}
.vr-watch-p:last-child{margin-bottom:0}
.vr-watch-joe{--vr-who:var(--color-accent);--vr-who-text:var(--color-accent-emph)}
.vr-watch-guest{--vr-who:var(--color-accent-2);--vr-who-text:var(--color-accent-2-300)}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .vr-watch-guest{--vr-who-text:var(--color-accent-2-700)}
}
:root[data-theme="light"] .vr-watch-guest{--vr-who-text:var(--color-accent-2-700)}
.vr-watch-who{
margin:26px 0 6px;font-family:var(--font-body);font-size:13px;line-height:20px;
font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vr-who-text);
}
.vr-watch-h3 + .vr-watch-who{margin-top:0}
.vr-watch-said{margin:0;padding:0 0 16px 20px;border-left:3px solid var(--vr-who)}
.vr-watch-said:has(+ .vr-watch-who),
.vr-watch-said:has(+ .vr-watch-h3),
.vr-watch-said:last-child{padding-bottom:0}
.vr-watch-said + .vr-watch-h3{margin-top:44px}
.vr-watch-transcript:has(.vr-watch-scene){
max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);
gap:0 40px;
}
.vr-watch-transcript:has(.vr-watch-scene) > p{
margin:0;padding:18px 0;border-top:1px solid var(--color-divider);
}
.vr-watch-transcript:has(.vr-watch-scene) > .vr-watch-p{font-weight:600}
.vr-watch-scene{
font-size:16.8px;line-height:30px;
color:color-mix(in srgb, var(--color-text) 75%, transparent);
}
@media (max-width: 760px){
.vr-watch-transcript:has(.vr-watch-scene){grid-template-columns:minmax(0,1fr)}
.vr-watch-transcript:has(.vr-watch-scene) > .vr-watch-scene{border-top:0;padding-top:0}
}
@media (max-width: 760px){
.vr-watch-grid{grid-template-columns:minmax(0,1fr)}
.vr-watch{padding-top:64px;padding-bottom:64px}
.vr-watch-frame{max-width:100%}
.vr-watch-marks,.vr-watch-script{padding-top:64px;padding-bottom:64px}
}
@media (prefers-reduced-motion: reduce){
.vr-watch-card,.vr-watch-arrow{transition:none}
.vr-watch-card:hover{transform:none}
.vr-watch-card:hover .vr-watch-arrow{transform:none}
}
:root{
--tex-bloom: 18%;
--tex-glint: 13%;
--tex-dot:   4%;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
--tex-bloom: 26%;
--tex-glint: 19%;
--tex-dot:   3.5%;
}
}
:root[data-theme="light"]{
--tex-bloom: 26%;
--tex-glint: 19%;
--tex-dot:   3.5%;
}
.vr-page{
position:relative;
isolation:isolate;
overflow:clip;
}
.vr-page::before{
content:"";
position:fixed;
top:0;left:0;right:0;
height:100vh;
height:100lvh;
z-index:-1;
pointer-events:none;
background-image:radial-gradient(
color-mix(in srgb, var(--color-text) var(--tex-dot), transparent) 0.9px,
transparent 1px);
background-size:7px 7px;
}
.vr-bloom{
position:absolute;
left:24px;
right:24px;
z-index:-1;
pointer-events:none;
background-repeat:no-repeat;
}
.vr-bloom-top{top:24px;height:1100px}
.vr-bloom-btm{bottom:24px;height:600px}
.vr-bloom-top{
background-image:
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)     var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-2)   var(--tex-glint), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-400) var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)     var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-400) var(--tex-bloom), transparent), transparent);
background-size:400px 360px, 440px 390px, 320px 300px, 430px 370px, 340px 310px;
}
.vr-bloom-top{
background-position:
left 26%  top 20px,
left 50%  top 70px,
right 20% top 210px,
right 1%  top 30px,
left 42%  top 390px;
}
:root.vr-bloom-b .vr-bloom-top{
background-position:
left 34%  top 10px,
right 10% top 170px,
left 20%  top 280px,
right 34% top 40px,
left 62%  top 420px;
}
.vr-bloom-btm{
background-image:
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)     var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-400) var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-2)   var(--tex-glint), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)     var(--tex-bloom), transparent), transparent);
background-size:400px 360px, 310px 290px, 260px 240px, 350px 320px;
background-position:
right 8%  bottom 0,
left 16%  bottom 20px,
left 46%  bottom 70px,
right 34% bottom 110px;
}
@media (max-width: 760px){
.vr-bloom-top{height:700px}
.vr-bloom-btm{height:420px}
.vr-bloom-top,
:root.vr-bloom-b .vr-bloom-top{
background-image:
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)   var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-2) var(--tex-glint), transparent), transparent);
background-size:300px 280px, 260px 240px;
background-position:left 2% top 10px, right 4% top 210px;
}
.vr-bloom-btm{
background-image:
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent)     var(--tex-bloom), transparent), transparent),
radial-gradient(closest-side, color-mix(in srgb, var(--color-accent-400) var(--tex-bloom), transparent), transparent);
background-size:300px 280px, 240px 220px;
background-position:right 4% bottom 0, left 10% bottom 90px;
}
}
@keyframes vr-tex-in{to{opacity:1}}
@keyframes vr-drift-top{
0%   {transform:translate3d(0,0,0)}
13%  {transform:translate3d(72px,-40px,0)}
27%  {transform:translate3d(104px,28px,0)}
41%  {transform:translate3d(46px,74px,0)}
56%  {transform:translate3d(-58px,52px,0)}
70%  {transform:translate3d(-92px,-18px,0)}
85%  {transform:translate3d(-34px,-62px,0)}
100% {transform:translate3d(0,0,0)}
}
@keyframes vr-drift-btm{
0%   {transform:translate3d(0,0,0)}
16%  {transform:translate3d(-64px,34px,0)}
29%  {transform:translate3d(-96px,-26px,0)}
44%  {transform:translate3d(-28px,-70px,0)}
61%  {transform:translate3d(58px,-44px,0)}
78%  {transform:translate3d(88px,36px,0)}
100% {transform:translate3d(0,0,0)}
}
.vr-page::before{
opacity:0;
animation:vr-tex-in .8s ease-out .35s both;
}
.vr-bloom-top{animation:vr-drift-top 22s linear infinite}
.vr-bloom-btm{animation:vr-drift-btm 29s linear infinite}
@media (prefers-reduced-motion: reduce){
.vr-page::before,
.vr-bloom-top,
.vr-bloom-btm{opacity:1;animation:none;transform:none}
}
.vr-rec-shell{max-width:40rem;margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-20)}
.vr-rec-shell-wide{max-width:var(--vr-max);padding-left:var(--vr-gutter);padding-right:var(--vr-gutter)}
.vr-rec-nav{margin-bottom:var(--space-12)}
.vr-rec-nav .vr-brand{min-height:calc((16.8px * 1.2) + 16px + 2px)}
.vr-rec-verdict{margin-bottom:var(--space-12);text-align:center}
.vr-rec-stamp{display:block;margin:0 auto var(--space-8);color:var(--color-text)}
.vr-rec-stamp-plain{color:var(--color-muted)}
@media (prefers-reduced-motion: reduce){
.vr-rec-stamp rect,
.vr-rec-stamp path{stroke-dashoffset:0 !important}
}
.vr-rec-verdict-label{
margin:0 0 var(--space-3);
font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
color:var(--color-good);
}
.vr-rec-verdict-bad .vr-rec-verdict-label{color:var(--color-bad)}
.vr-rec-verdict-unknown .vr-rec-verdict-label{color:var(--color-gold-ink)}
.vr-rec-verdict-dormant .vr-rec-verdict-label{color:var(--color-muted)}
.vr-rec h1,
.vr-rec-empty h1{
margin:0 0 var(--space-6);
font-size:clamp(1.55rem, 4.6vw, 2.15rem);line-height:1.15;letter-spacing:-0.02em;
text-wrap:balance;
}
.vr-rec-lede{margin:0;color:var(--color-muted);font-size:1.02rem}
.vr-rec-lede + .vr-rec-lede{margin-top:var(--space-6)}
.vr-rec-lede strong{color:var(--color-text);font-weight:600}
.vr-rec-wait{display:flex;justify-content:center;gap:8px;margin:var(--space-6) 0 var(--space-3)}
.vr-rec-wait-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);animation:vr-rec-wait-pulse 1.2s ease-in-out infinite}
.vr-rec-wait-dot:nth-child(2){animation-delay:.2s}
.vr-rec-wait-dot:nth-child(3){animation-delay:.4s}
@keyframes vr-rec-wait-pulse{0%,80%,100%{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}
.vr-rec-named{margin:0.7rem 0 0;color:var(--color-muted);font-size:0.95rem}
.vr-rec-named strong{color:var(--color-text);font-weight:600}
.vr-rec-named-link{white-space:nowrap}
.vr-rec-named-source{margin:0.35rem 0 0;color:var(--color-muted);font-size:0.85rem;max-width:34rem}
.vr-rec-locked{
display:flex;align-items:flex-start;justify-content:center;gap:var(--space-3);
margin:0 0 var(--space-12);padding-top:var(--space-8);
border-top:1px solid var(--color-divider);
font-size:0.95rem;color:color-mix(in srgb, var(--color-text) 82%, transparent);
text-wrap:pretty;
}
.vr-rec-locked-icon{flex:none;margin-top:0.2em;color:var(--color-accent)}
.vr-rec-claim{
scroll-margin-top:64px;
margin:0 0 var(--space-6);padding:var(--space-6) var(--space-8) var(--space-8);
border:1px solid var(--color-divider);border-radius:12px;
background:color-mix(in srgb, var(--color-surface) 55%, transparent);
}
.vr-rec-claim-label{
display:flex;align-items:center;gap:8px;
margin:0 0 var(--space-3);
color:var(--color-muted);
font-size:0.74rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
}
.vr-rec-claim-mark{flex:none;display:block;color:var(--color-text)}
.vr-rec-claim-help{
flex:none;margin-left:auto;width:18px;height:18px;
border:1px solid var(--color-divider);border-radius:50%;
color:var(--color-muted);
font-size:0.72rem;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;
display:inline-flex;align-items:center;justify-content:center;
}
.vr-rec-claim-help:hover,
.vr-rec-claim-help:focus-visible{color:var(--color-text);border-color:var(--color-muted)}
.vr-rec-claim-h{margin:0 0 var(--space-3);font-size:1.16rem;line-height:1.3;letter-spacing:-0.01em}
.vr-rec-claim-p{margin:0;color:var(--color-muted);font-size:0.95rem}
.vr-rec-claim-good{border-color:color-mix(in srgb, var(--color-good) 34%, transparent)}
.vr-rec-claim-good .vr-rec-claim-label{color:var(--color-good)}
.vr-rec-claim-bad{border-color:color-mix(in srgb, var(--color-bad) 40%, transparent)}
.vr-rec-claim-bad .vr-rec-claim-label{color:var(--color-bad)}
.vr-rec-claim-unknown{border-color:color-mix(in srgb, var(--color-gold-edge) 38%, transparent)}
.vr-rec-claim-unknown .vr-rec-claim-label{color:var(--color-gold-ink)}
.vr-rec-claim-note{border-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}
.vr-rec-claim-note .vr-rec-claim-label{color:var(--color-accent)}
.vr-rec-claim-dormant{border-color:color-mix(in srgb, var(--color-muted) 38%, transparent)}
.vr-rec-claim-dormant .vr-rec-claim-label{color:var(--color-muted)}
.vr-rec-claim-facts{padding-bottom:var(--space-6)}
.vr-rec-facts{margin:0;padding:0}
.vr-rec-facts-row{
display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) 0;
border-top:1px solid var(--color-divider);
}
.vr-rec-facts-row:first-child{border-top:0;padding-top:0}
.vr-rec-facts dt{flex:0 0 9rem;color:var(--color-muted);font-size:0.88rem}
.vr-rec-facts dd{margin:0;flex:1 1 12rem;font-size:0.95rem;font-feature-settings:'tnum' 1}
.vr-rec-facts code{
font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size:0.82rem;word-break:break-all;color:var(--color-muted);
}
.vr-rec-absent{color:var(--color-muted);font-style:italic}
.vr-rec-zone{
margin:var(--space-3) 0 0;padding-top:var(--space-3);
border-top:1px solid var(--color-divider);
color:var(--color-muted);font-size:0.82rem;
}
.vr-rec-withheld{margin:var(--space-8) 0 0;color:var(--color-muted);font-size:0.88rem}
.vr-rec-return{
display:flex;flex-wrap:wrap;
gap:var(--space-2);
margin:var(--space-12) 0 0;
}
.vr-rec-return-mid{margin:var(--space-8) 0 var(--space-12)}
.vr-rec-cta{
margin-top:var(--space-20);padding:var(--space-8);
border:1px solid var(--color-divider);border-radius:12px;
background:color-mix(in srgb, var(--color-surface) 55%, transparent);
}
.vr-rec-cta-label{
margin:0 0 var(--space-3);color:var(--color-accent);
font-size:0.74rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
}
.vr-rec-cta-h{margin:0 0 var(--space-3);font-size:1.3rem;line-height:1.25;letter-spacing:-0.015em;text-wrap:balance}
.vr-rec-cta-p{margin:0 0 var(--space-8);color:var(--color-muted);font-size:0.95rem}
.vr-rec-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0}
.vr-rec-foot{margin-top:var(--space-20)}
.vr-rec-footer{margin-top:var(--space-12);border-top:1px solid var(--color-divider)}
.vr-rec-footer-logo{display:flex;text-decoration:none}
.vr-rec-footer-logo:focus-visible{outline:2px solid var(--color-accent-200);outline-offset:3px;border-radius:2px}
@media (max-width: 34rem){
.vr-rec-footer .vr-footer-brand{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
.vr-rec-empty{text-align:center;padding:var(--space-12) 0}
.vr-rec-empty .vr-rec-lede{margin-inline:auto;max-width:30rem}
.vr-rec-empty .vr-rec-return{justify-content:center}
.vr-rec-empty .vr-form{margin-top:var(--space-12);text-align:left}
.vr-rec-empty .vr-plans{text-align:left}
.vr-rec-eyebrow{
margin:0 0 var(--space-3);color:var(--color-muted);
font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
}
.vr-rec-copy{margin:var(--space-8) 0 0}
.vr-rec-copy p{margin:0 0 var(--space-6);text-wrap:pretty}
.vr-rec-copy p:last-child{margin-bottom:0}
.vr-rec-note{margin:var(--space-12) 0 0;color:var(--color-muted);font-size:0.88rem;text-wrap:pretty}
.vr-rec-shops{margin:var(--space-8) 0 0;padding:0;list-style:none;border-top:1px solid var(--color-divider)}
.vr-rec-shops-row{border-bottom:1px solid var(--color-divider)}
.vr-rec-shops-link{
display:block;padding:var(--space-6) 0;font-weight:600;text-wrap:pretty;
color:var(--color-accent);text-decoration:none;
overflow-wrap:anywhere;
}
.vr-rec-shops-link:hover{color:var(--color-accent-200);text-decoration:underline}
.vr-rec-shops-link:focus-visible{outline:2px solid var(--color-accent-200);outline-offset:-2px}
.vr-rec-shops-empty{margin:var(--space-8) 0 0;color:var(--color-muted);text-wrap:pretty}
.input-bad{border-color:color-mix(in srgb, var(--color-bad) 60%, transparent)}
.vr-rec-err{display:block;margin-top:var(--space-2);color:var(--color-bad);font-size:0.88rem}
.vr-rec-demo{
position:sticky;top:0;z-index:3;
background:#3a2c0a;
border-bottom:1px solid var(--color-gold);
color-scheme:dark;
--color-text:var(--color-light);
color:var(--color-text);
}
.vr-rec-demo-inner{
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
gap:var(--space-3) var(--space-6);
max-width:var(--vr-max);margin:0 auto;padding:7px var(--vr-gutter);
}
.vr-rec-demo-flag{margin:0}
.vr-rec-demo-word{
font-family:var(--font-heading);font-weight:600;font-size:0.95rem;
letter-spacing:0.18em;text-transform:uppercase;color:var(--color-gold);
}
.vr-rec-demo-states{
display:flex;gap:4px;margin:0;padding:3px;
border:1px solid color-mix(in srgb, var(--color-gold) 45%, transparent);
border-radius:999px;
}
.vr-rec-demo-state{
padding:3px 14px;border-radius:999px;
font-family:var(--font-heading);font-weight:600;font-size:0.78rem;line-height:1.5;
letter-spacing:0.06em;text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) 62%, transparent);
text-decoration:none;
}
.vr-rec-demo-state:hover,
.vr-rec-demo-state:focus-visible{
color:var(--color-text);
background:color-mix(in srgb, var(--color-gold) 18%, transparent);
}
.vr-rec-demo-state-on{
background:var(--color-gold);
color:#1a1524;
}
@media (max-width: 34rem){
.vr-rec-facts dt{flex:1 1 100%}
.vr-rec-facts dd{flex:1 1 100%}
.vr-rec-stamp{width:96px;height:77px}
.vr-rec-cta-actions .btn{flex:1 1 100%}
.vr-rec-return .btn{flex:1 1 100%}
}
.vr-alt-tree{
border:1px solid var(--color-divider);
border-radius:var(--radius-md);
padding:20px 22px 22px;
background:color-mix(in srgb, var(--color-surface) 70%, transparent);
}
.vr-alt-tree-eyebrow{
display:block;
font-size:13.2px;line-height:16.8px;letter-spacing:.06em;
text-transform:uppercase;color:var(--color-accent);
margin:0 0 14px;
}
.vr-alt-tree-list{
list-style:none;margin:0;padding:0 0 0 18px;
position:relative;
}
.vr-alt-tree-list::before{
content:"";position:absolute;left:0;top:7px;bottom:7px;width:1px;
background:var(--color-divider);
transform:scaleY(0);transform-origin:50% 0;
animation:vr-alt-spine .5s ease-out .1s forwards;
}
@keyframes vr-alt-spine{to{transform:scaleY(1)}}
.vr-alt-tree-item{position:relative;margin:0}
.vr-alt-tree-item::before{
content:"";position:absolute;left:-18px;top:50%;width:12px;height:1px;
background:var(--color-divider);
}
.vr-alt-tree-link{
display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
padding:5px 0;
color:var(--color-text);text-decoration:none;
border-bottom:0;
}
.vr-alt-tree-name{font-size:16.8px;line-height:24px}
.vr-alt-tree-note{
font-size:13.2px;line-height:16.8px;letter-spacing:.04em;
text-transform:uppercase;
color:color-mix(in srgb, var(--color-text) 55%, transparent);
}
a.vr-alt-tree-link:hover .vr-alt-tree-name,
a.vr-alt-tree-link:focus-visible .vr-alt-tree-name{color:var(--color-accent);text-decoration:underline}
a.vr-alt-tree-link:hover .vr-alt-tree-note,
a.vr-alt-tree-link:focus-visible .vr-alt-tree-note{color:color-mix(in srgb, var(--color-text) 75%, transparent)}
.vr-alt-tree-item-here::before{background:var(--color-accent);width:12px}
.vr-alt-tree-item-here .vr-alt-tree-name{color:var(--color-accent);cursor:default}
@media (max-width:900px){
.vr-alt-tree{padding:16px 18px 18px}
.vr-alt-tree-list{padding-left:16px}
.vr-alt-tree-item::before{left:-16px;width:10px}
}
.vr-compare-more{margin-top:22px}