@charset "UTF-8";
 :root {
--vr-ease: 160ms ease-out;
} :where(a, summary, [tabindex]):focus-visible,
a.is-state-focus {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: 2px;
border-radius: 2px;
} .wp-element-button,
.wp-block-button__link {
transition: background-color var(--vr-ease), color var(--vr-ease), border-color var(--vr-ease);
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-block-button__link.is-state-hover {
background-color: var(--wp--preset--color--primary-strong);
}
.wp-element-button:active,
.wp-block-button__link:active,
.wp-block-button__link.is-state-active {
transform: translateY(1px);
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-button__link.is-state-focus {
outline: none;
border-color: var(--wp--preset--color--accent);
box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
}
.wp-element-button:disabled,
.wp-element-button[aria-disabled="true"],
.wp-block-button__link[aria-disabled="true"] {
background-color: var(--wp--preset--color--gray-300);
color: var(--wp--preset--color--gray-700);
cursor: not-allowed;
transform: none;
}
.wp-block-button.is-style-outline > .wp-block-button__link {
padding: 0.875rem 1.5rem;
background: transparent;
border-color: currentColor;
color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link.is-state-hover {
background: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--paper);
}
.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.wp-block-button.is-style-outline > .wp-block-button__link.is-state-focus {
border-color: var(--wp--preset--color--accent);
}
.wp-block-button.is-style-outline > .wp-block-button__link[aria-disabled="true"] {
background: transparent;
border-color: var(--wp--preset--color--gray-300);
color: var(--wp--preset--color--gray-500);
} .is-style-section-dark .wp-block-button__link:hover,
.is-style-section-dark .wp-block-button__link.is-state-hover {
background-color: var(--wp--preset--color--paper);
color: var(--wp--preset--color--gray-900);
}
.is-style-section-dark .wp-block-button__link:focus-visible,
.is-style-section-dark .wp-block-button__link.is-state-focus {
border-color: var(--wp--preset--color--paper);
box-shadow: 0 0 0 1px var(--wp--preset--color--paper);
}
.is-style-section-dark .wp-block-button.is-style-outline > .wp-block-button__link {
color: var(--wp--preset--color--paper);
}
.is-style-section-dark .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.is-style-section-dark .wp-block-button.is-style-outline > .wp-block-button__link.is-state-hover {
background: var(--wp--preset--color--paper);
border-color: var(--wp--preset--color--paper);
color: var(--wp--preset--color--gray-900);
}
.is-style-section-dark .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.is-style-section-dark .wp-block-button.is-style-outline > .wp-block-button__link.is-state-focus {
border-color: var(--wp--preset--color--accent);
box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
}
.is-style-section-dark .wp-block-button__link[aria-disabled="true"] {
background-color: var(--wp--preset--color--gray-700);
border-color: var(--wp--preset--color--gray-700);
color: var(--wp--preset--color--gray-300);
} a:where(:not(.wp-element-button, .wp-block-button__link)) {
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
a:where(:not(.wp-element-button, .wp-block-button__link)):hover,
a.is-state-hover {
text-decoration-thickness: 2px;
} .vr-logo { display: block; height: auto; }
.vr-logo__screen { fill: var(--wp--preset--color--primary); }
.vr-logo__eye { fill: var(--wp--preset--color--paper); transform-box: fill-box; transform-origin: center; transition: translate 0.18s ease-out, scale 0.07s ease-in; } .vr-logo.is-blinking .vr-logo__eye { scale: 1 0.12; }
@media (prefers-reduced-motion: reduce) { .vr-logo__eye { transition: none; } }
.vr-logo__text { fill: currentColor; }
.is-style-section-dark .vr-logo__screen { fill: var(--wp--preset--color--accent); }
.is-style-section-dark .vr-logo__eye { fill: var(--wp--preset--color--gray-900); } .vr-field { display: grid; gap: 0.375rem; align-content: start; }
.vr-label { font-size: var(--wp--preset--font-size--s); font-weight: 600; }
.vr-input {
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 0.75rem 1rem;
font: inherit;
color: var(--wp--preset--color--ink);
background: var(--wp--preset--color--paper);
border: 1px solid var(--wp--preset--color--gray-500);
border-radius: var(--wp--custom--radius--m);
transition: border-color var(--vr-ease);
}
textarea.vr-input { min-height: 8rem; resize: vertical; }
.vr-input:hover,
.vr-input.is-state-hover { border-color: var(--wp--preset--color--ink); }
.vr-input:focus-visible,
.vr-input.is-state-focus {
outline: none;
border-color: var(--wp--preset--color--primary);
box-shadow: inset 0 0 0 1px var(--wp--preset--color--primary);
}
.vr-input[aria-invalid="true"] {
border-color: var(--wp--preset--color--error);
box-shadow: inset 0 0 0 1px var(--wp--preset--color--error);
}
.vr-input[aria-invalid="true"]:focus-visible,
.vr-input[aria-invalid="true"].is-state-focus {
box-shadow: inset 0 0 0 2px var(--wp--preset--color--error);
}
.vr-input:disabled {
background: var(--wp--preset--color--gray-100);
border-color: var(--wp--preset--color--gray-300);
color: var(--wp--preset--color--gray-700);
cursor: not-allowed;
}
.vr-hint { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--gray-700); }
.vr-field__error { font-size: var(--wp--preset--font-size--xs); font-weight: 500; color: var(--wp--preset--color--error); }
.vr-check { display: flex; gap: 0.75rem; align-items: flex-start; font-size: var(--wp--preset--font-size--s); }
.vr-check input {
flex: none;
width: 1.25rem;
height: 1.25rem;
margin: 0.15rem 0 0;
accent-color: var(--wp--preset--color--primary);
} .vr-status {
padding: 1rem 1.25rem;
border-left: 4px solid var(--wp--preset--color--gray-500);
border-radius: var(--wp--custom--radius--m);
background: var(--wp--preset--color--paper);
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--s);
}
.vr-status--success { border-color: var(--wp--preset--color--success); }
.vr-status--success strong { color: var(--wp--preset--color--success); }
.vr-status--error { border-color: var(--wp--preset--color--error); }
.vr-status--error strong { color: var(--wp--preset--color--error); } .vr-table-wrap {
position: relative;
overflow-x: auto;
border: 1px solid var(--wp--preset--color--gray-200);
border-radius: var(--wp--custom--radius--l);
background: var(--wp--preset--color--paper);
}
.vr-table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--s); }
.vr-table th,
.vr-table td {
padding: 0.8rem 1rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--wp--preset--color--gray-200);
}
.vr-table tbody tr:last-child > * { border-bottom: 0; }
.vr-table th { font-weight: 600; }
.vr-table--specs th { width: 45%; font-weight: 400; color: var(--wp--preset--color--gray-700); }
.vr-table--specs td { font-family: var(--wp--preset--font-family--mono); }
.vr-table--compare thead th {
position: sticky;
top: 0;
min-width: 8.5rem;
text-align: center;
font-family: var(--wp--preset--font-family--heading);
background: var(--wp--preset--color--paper);
}
.vr-table--compare tbody th { min-width: 14rem; font-weight: 400; }
.vr-table--compare td { text-align: center; }
.vr-table--compare tbody tr:hover > * { background: var(--wp--preset--color--gray-100); }
.vr-table--compare .vr-group th {
font-family: var(--wp--preset--font-family--heading);
font-weight: 600;
background: var(--wp--preset--color--gray-100);
}
.vr-table .vr-yes::before { content: "✓"; color: var(--wp--preset--color--success); font-weight: 700; }
.vr-table .vr-no::before { content: "—"; color: var(--wp--preset--color--gray-500); }
.vr-table .vr-total > * { font-family: var(--wp--preset--font-family--mono); font-weight: 600; white-space: nowrap; }
.vr-table .vr-total > th { font-family: inherit; }
.is-style-section-dark .vr-table-wrap { background: var(--wp--preset--color--gray-900); border-color: var(--wp--preset--color--gray-700); }
.is-style-section-dark .vr-table th,
.is-style-section-dark .vr-table td { border-color: var(--wp--preset--color--gray-700); }
.is-style-section-dark .vr-table--specs th { color: var(--wp--preset--color--gray-300); }
.is-style-section-dark .vr-table--compare thead th { background: var(--wp--preset--color--gray-900); }
.is-style-section-dark .vr-table--compare tbody tr:hover > *,
.is-style-section-dark .vr-table--compare .vr-group th { background: var(--wp--preset--color--gray-800); } .vr-card { position: relative; display: flex; flex-direction: column; height: 100%; color: var(--wp--preset--color--ink); }
.vr-card > * { margin-block: 0; }
.vr-card__body { display: flex; flex-direction: column; flex: 1; gap: 0.4rem; padding-top: var(--wp--preset--spacing--30); }
.vr-card__body > * { margin: 0; }
.vr-card__title { font-size: var(--wp--preset--font-size--xl); }
.vr-card__title a { color: inherit; text-decoration: none; }
.vr-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: var(--wp--custom--radius--l); }
.vr-card__title a:focus-visible { outline: none; }
.vr-card__title a:focus-visible::after,
.vr-card.is-state-focus .vr-card__title a::after { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 6px; }
.vr-card:hover .vr-card__title,
.vr-card.is-state-hover .vr-card__title { color: var(--wp--preset--color--primary); }
.vr-card .vr-dims__frame { outline: 2px solid transparent; transition: outline-color var(--vr-ease); }
.vr-card:hover .vr-dims__frame,
.vr-card.is-state-hover .vr-dims__frame { outline-color: var(--wp--preset--color--primary); }
.vr-card__subtitle { font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gray-700); }
.vr-card__body > .vr-card__price { margin-top: auto; padding-top: 0.5rem; font-size: var(--wp--preset--font-size--l); }
.vr-card .vr-dims { --vr-dims-gx: 2.5rem; --vr-dims-gy: 2.25rem; --vr-dims-line: 0.9rem; }
.vr-card .vr-dims__label { font-size: var(--wp--preset--font-size--xs); } .vr-sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} .vr-lead > * + * { margin-block-start: var(--wp--preset--spacing--30); }
.vr-lead__title { margin: 0; font-size: var(--wp--preset--font-size--l); }
.vr-lead__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); }
.vr-lead__form[hidden] { display: none; }
.vr-lead__form > .vr-field--wide,
.vr-lead__form > .vr-lead__consent,
.vr-lead__form > .vr-lead__submit { grid-column: 1 / -1; }
.vr-lead__submit { justify-self: start; cursor: pointer; } .block-editor-block-list__block .vr-lead__form[hidden] { display: grid; }
.vr-lead__consent { display: grid; gap: 0.375rem; }
.vr-lead > .vr-lead__live:empty { margin: 0; } @media (max-width: 600px) { .vr-lead__form { grid-template-columns: minmax(0, 1fr); } } .vr-lead__body { position: relative; }
.vr-lead__loader {
position: absolute;
inset: 0;
z-index: 1;
display: grid;
place-content: center;
justify-items: center;
gap: var(--wp--preset--spacing--20);
border-radius: var(--wp--custom--radius--l);
background-color: color-mix(in srgb, var(--wp--preset--color--gray-100) 92%, transparent);
background-image:
linear-gradient(var(--wp--preset--color--gray-200) 1px, transparent 1px),
linear-gradient(90deg, var(--wp--preset--color--gray-200) 1px, transparent 1px);
background-size: 24px 24px;
}
.vr-lead__loader[hidden] { display: none; }
.vr-lead__robot { width: 10rem; aspect-ratio: 3 / 4; }
.vr-lead__loader-text { margin: 0; font-weight: 600; }
.vr-drawing__screen { fill: var(--wp--preset--color--paper); }
.vr-drawing__progress { fill: var(--wp--preset--color--primary); stroke: none; transform-box: fill-box; transform-origin: left center; animation: vr-progress 1.4s ease-in-out infinite; }
.vr-lead__robot :is(.vr-drawing__body, .vr-drawing__joints, .vr-drawing__eyes, .vr-drawing__axis, .vr-drawing__chest) {
transform-box: view-box;
transform-origin: 150px 368px;
animation: vr-sway 1.6s ease-in-out infinite;
}
.vr-lead__robot .vr-drawing__eyes rect { transform-box: fill-box; transform-origin: center; animation: vr-blink 3.2s infinite; }
.vr-lead__robot .vr-drawing__ground { stroke-dasharray: 12 8; animation: vr-road 0.6s linear infinite; }
@keyframes vr-progress { 0% { transform: scaleX(0.04); } 75%, 100% { transform: scaleX(1); } }
@keyframes vr-sway { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }
@keyframes vr-blink { 0%, 90%, 100% { transform: scaleY(1); } 94% { transform: scaleY(0.1); } }
@keyframes vr-road { to { stroke-dashoffset: -20; } } .vr-lead__done {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
border-radius: var(--wp--custom--radius--l);
background-color: var(--wp--preset--color--paper);
background-image:
linear-gradient(var(--wp--preset--color--gray-200) 1px, transparent 1px),
linear-gradient(90deg, var(--wp--preset--color--gray-200) 1px, transparent 1px);
background-size: 24px 24px;
outline-offset: 4px;
}
.vr-lead__done[hidden] { display: none; }
.vr-lead__done-title { margin: 0 0 0.5rem; font-size: var(--wp--preset--font-size--xl); }
.vr-lead__done-text p { margin: 0; max-width: 40ch; }
.vr-lead__done-text a,
.vr-nowrap { white-space: nowrap; }
.vr-stamp {
display: grid;
justify-items: center;
gap: 0.25rem;
padding: 0.7rem 1.2rem 0.6rem;
border: 4px double var(--wp--preset--color--primary);
border-radius: 0.4rem;
color: var(--wp--preset--color--primary);
background: color-mix(in srgb, var(--wp--preset--color--paper) 70%, transparent);
transform: rotate(-6deg);
animation: vr-stamp 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.25) 0.15s both;
} .vr-stamp__main { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--xxl); font-weight: 800; line-height: 1; text-transform: uppercase; letter-spacing: 0.06em; }
.vr-stamp__sub { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); letter-spacing: 0.04em; }
@keyframes vr-stamp {
0% { opacity: 0; transform: rotate(-14deg) scale(2.2); }
70% { opacity: 1; transform: rotate(-5deg) scale(0.92); }
100% { opacity: 1; transform: rotate(-6deg) scale(1); }
}
@media (max-width: 600px) { .vr-lead__done { grid-template-columns: minmax(0, 1fr); justify-items: start; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; }
}  a.vr-logo-link { display: block; flex: none; color: inherit; }
.vr-logo-link .vr-logo { width: 200px; }
@media (max-width: 480px) { .vr-header .vr-logo-link .vr-logo { width: 150px; } } .vr-price { font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: var(--wp--preset--font-size--l); }
.vr-company { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; margin-inline: 0; margin-bottom: 0; font-size: var(--wp--preset--font-size--s); }
.vr-company dt { color: var(--wp--preset--color--gray-700); }
.vr-company dd { margin: 0; }
.is-style-section-dark .vr-company dt { color: var(--wp--preset--color--gray-300); } .vr-robot-hero__title { font-size: var(--wp--preset--font-size--xxxl); margin-bottom: 0.25em; }
.vr-robot-hero__subtitle { font-size: var(--wp--preset--font-size--l); color: var(--wp--preset--color--gray-700); margin-top: 0; }
.vr-robot-hero__lead { max-width: 52ch; }
.vr-robot-hero .vr-price { margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--xl); }
.vr-price__lead { display: block; margin-top: 0.35rem; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--s); font-weight: 400; color: var(--wp--preset--color--gray-700); } .vr-header .current-menu-item > .wp-block-navigation-item__content { position: relative; }
.vr-header .current-menu-item > .wp-block-navigation-item__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.5rem; height: 7px; border-inline: 1px solid var(--wp--preset--color--primary); background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary)) center / 100% 1.5px no-repeat; } .vr-footer__sheet { --vr-rule: 1px solid var(--wp--preset--color--gray-700); display: grid; grid-template-columns: 1.1fr 1fr 1.5fr 1.3fr; }
.vr-footer__sheet > .vr-footer__cell { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: var(--wp--preset--spacing--40); }
.vr-footer__sheet > .vr-footer__cell + .vr-footer__cell { border-left: var(--vr-rule); }
.vr-footer__cell > * { margin: 0; }
.vr-footer__label { color: var(--wp--preset--color--gray-300); font-size: var(--wp--preset--font-size--xs); }
.vr-footer__copy { margin-top: auto; color: var(--wp--preset--color--gray-300); font-size: var(--wp--preset--font-size--xs); }
.vr-footer .vr-logo-link .vr-logo { width: 170px; }
.vr-footer .wp-block-navigation { gap: 0.6rem; font-size: var(--wp--preset--font-size--s); }
@media (max-width: 1100px) {
.vr-footer__sheet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vr-footer__sheet > .vr-footer__cell:nth-child(odd) { border-left: 0; }
.vr-footer__sheet > .vr-footer__cell:nth-child(n + 3) { border-top: var(--vr-rule); }
}
@media (max-width: 600px) {
.vr-footer__sheet { grid-template-columns: 1fr; }
.vr-footer__sheet > .vr-footer__cell + .vr-footer__cell { border-left: 0; border-top: var(--vr-rule); }
.vr-footer__copy { margin-top: 0; }
} .vr-dims { --vr-dims-gx: 3.5rem; --vr-dims-gy: 3rem; --vr-dims-line: 1.25rem; position: relative; margin: 0; padding: 0 var(--vr-dims-gx) var(--vr-dims-gy) 0; }
.vr-dims__frame {
aspect-ratio: 3 / 4;
overflow: hidden;
border-radius: var(--wp--custom--radius--l);
background-color: var(--wp--preset--color--gray-100);
background-image:
linear-gradient(var(--wp--preset--color--gray-200) 1px, transparent 1px),
linear-gradient(90deg, var(--wp--preset--color--gray-200) 1px, transparent 1px);
background-size: 24px 24px;
} .vr-dims__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-mask-image: radial-gradient(ellipse 62% 58% at 50% 52%, #000 70%, transparent 100%);
mask-image: radial-gradient(ellipse 62% 58% at 50% 52%, #000 70%, transparent 100%);
}
.vr-dims__placeholder { width: 100%; height: 100%; }
.vr-dims__v, .vr-dims__h { position: absolute; background: var(--wp--preset--color--ink); }
.vr-dims__v { top: 0; bottom: var(--vr-dims-gy); right: var(--vr-dims-line); width: 1px; }
.vr-dims__h { left: 0; right: var(--vr-dims-gx); bottom: var(--vr-dims-line); height: 1px; }
.vr-dims__v::before, .vr-dims__v::after { content: ""; position: absolute; left: -7px; width: 15px; height: 1px; background: inherit; }
.vr-dims__v::before { top: 0; }
.vr-dims__v::after { bottom: 0; }
.vr-dims__h::before, .vr-dims__h::after { content: ""; position: absolute; top: -7px; width: 1px; height: 15px; background: inherit; }
.vr-dims__h::before { left: 0; }
.vr-dims__h::after { right: 0; }
.vr-dims__label {
position: absolute;
padding: 0.15rem 0.5rem;
background: var(--wp--preset--color--paper);
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--mono);
font-size: var(--wp--preset--font-size--s);
white-space: nowrap;
}
.vr-dims__v .vr-dims__label { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.vr-dims__h .vr-dims__label { top: 50%; left: 50%; transform: translate(-50%, -50%); } .vr-dims:not(.is-placeholder) .vr-dims__v { top: calc((100% - var(--vr-dims-gy)) * 0.08); bottom: calc(var(--vr-dims-gy) + (100% - var(--vr-dims-gy)) * 0.07); } .vr-dims:not(.is-placeholder) .vr-dims__h { left: calc((100% - var(--vr-dims-gx)) * (1 - var(--vr-dims-w, 1)) / 2); right: calc(var(--vr-dims-gx) + (100% - var(--vr-dims-gx)) * (1 - var(--vr-dims-w, 1)) / 2); } .vr-dims.is-placeholder .vr-dims__v { top: calc((100% - var(--vr-dims-gy)) * 0.1); bottom: calc(var(--vr-dims-gy) + (100% - var(--vr-dims-gy)) * 0.08); }
.vr-dims.is-placeholder .vr-dims__h { left: calc((100% - var(--vr-dims-gx)) * 0.28); right: calc(var(--vr-dims-gx) + (100% - var(--vr-dims-gx)) * 0.28); }
.vr-dims.is-placeholder .vr-dims__v::before,
.vr-dims.is-placeholder .vr-dims__v::after { left: calc(var(--vr-dims-line) - var(--vr-dims-gx)); width: calc(var(--vr-dims-gx) - var(--vr-dims-line) + 8px); background: var(--wp--preset--color--gray-500); }
.vr-dims.is-placeholder .vr-dims__h::before,
.vr-dims.is-placeholder .vr-dims__h::after { top: calc(var(--vr-dims-line) - var(--vr-dims-gy)); height: calc(var(--vr-dims-gy) - var(--vr-dims-line) + 8px); background: var(--wp--preset--color--gray-500); }
.vr-dims__drawing { display: block; width: 100%; height: 100%; fill: none; stroke: var(--wp--preset--color--ink); stroke-width: 1.5px; stroke-linejoin: round; }
.vr-dims__drawing * { vector-effect: non-scaling-stroke; }
.vr-drawing__body, .vr-drawing__joints { fill: var(--wp--preset--color--paper); }
.vr-dims__drawing pattern line { stroke: var(--wp--preset--color--gray-300); stroke-width: 1px; }
.vr-drawing__axis, .vr-drawing__ext { stroke: var(--wp--preset--color--gray-500); stroke-width: 1px; }
.vr-drawing__axis { stroke-dasharray: 18 4 2 4; }
.vr-drawing__eyes { fill: var(--wp--preset--color--primary); stroke: none; } .vr-facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
margin-block: 0;
border-block: 1px solid var(--wp--preset--color--gray-300);
}
.vr-facts__item { display: flex; flex-direction: column-reverse; gap: 0.25rem; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); }
.vr-facts__item + .vr-facts__item { border-left: 1px solid var(--wp--preset--color--gray-200); }
.vr-facts dd { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--xl); font-weight: 600; line-height: 1.1; }
.vr-facts dt { font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gray-700); }
@media (max-width: 600px) {
.vr-facts { grid-template-columns: 1fr 1fr; }
.vr-facts__item + .vr-facts__item { border-left: 0; }
.vr-facts__item:nth-child(even) { border-left: 1px solid var(--wp--preset--color--gray-200); }
.vr-facts__item:nth-child(n + 3) { border-top: 1px solid var(--wp--preset--color--gray-200); }
} .vr-section { padding-block: var(--wp--preset--spacing--50); }
.vr-section > .wp-block-heading, .vr-section__inner > .wp-block-heading { margin-top: 0; } .vr-section h2.wp-block-heading + * { margin-block-start: var(--wp--preset--spacing--50); }
.vr-section h2.wp-block-heading + .vr-lead { margin-block-start: var(--wp--preset--spacing--30); }
.vr-section h2.wp-block-heading + .vr-lead + * { margin-block-start: var(--wp--preset--spacing--50); }
.vr-cta h2.wp-block-heading + p { margin-block-start: var(--wp--preset--spacing--30); }
.vr-section h3.wp-block-heading + :is(.vr-checklist, .vr-chips, .vr-steps) { margin-block-start: var(--wp--preset--spacing--30); }
.vr-robot-content > .vr-section + .vr-section:not(.is-style-section-dark) { border-top: 1px solid var(--wp--preset--color--gray-200); }
.vr-robot-content > .is-style-section-dark + .vr-section { border-top: 0; }
.vr-section.alignfull { padding-block: var(--wp--preset--spacing--60); } .wp-block-post-title + .wp-block-post-content { margin-block-start: var(--wp--preset--spacing--50); }
.wp-block-post-title + .wp-block-post-content > .vr-section.alignfull:first-child { padding-top: 0; } .vr-section.alignfull:not(.is-style-section-dark) + .vr-section.alignfull:not(.is-style-section-dark) { padding-top: 0; }
.vr-section__inner { max-width: var(--wp--style--global--wide-size); margin-inline: auto; padding-inline: var(--wp--style--root--padding-left, 1rem); }
.vr-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.vr-chip { padding: 0.5rem 0.9rem; border: 1px solid var(--wp--preset--color--gray-300); border-radius: var(--wp--custom--radius--m); background: var(--wp--preset--color--paper); font-size: var(--wp--preset--font-size--s); }
.vr-checklist { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 0 var(--wp--preset--spacing--50); margin: 0; padding: 0; list-style: none; }
.vr-checklist li { position: relative; padding: 0.75rem 0 0.75rem 1.75rem; border-top: 1px solid var(--wp--preset--color--gray-200); }
.vr-checklist li::before { content: "✓"; position: absolute; left: 0.25rem; color: var(--wp--preset--color--primary); font-weight: 700; } .vr-specs { columns: 2 22rem; column-gap: var(--wp--preset--spacing--60); margin: 0; }
.vr-specs__row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.9rem 0; border-bottom: 1px solid var(--wp--preset--color--gray-300); break-inside: avoid; }
.vr-specs dt { color: var(--wp--preset--color--gray-700); }
.vr-specs dd { margin: 0; font-family: var(--wp--preset--font-family--mono); text-align: right; }
.is-style-section-dark .vr-specs__row { border-color: var(--wp--preset--color--gray-700); }
.is-style-section-dark .vr-specs dt { color: var(--wp--preset--color--gray-300); } .vr-configs__common { margin-bottom: var(--wp--preset--spacing--40); }
.vr-configs__common .vr-chips + .vr-chips { margin-top: 0.5rem; }
.vr-configs__subtitle { font-size: var(--wp--preset--font-size--l); margin: 0 0 0.75rem; }
.vr-table--compare thead th { vertical-align: bottom; padding-block: 1rem; }
.vr-config__name { display: block; font-size: var(--wp--preset--font-size--m); }
.vr-config__price { display: block; margin-top: 0.4rem; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--m); font-weight: 600; white-space: nowrap; }
.vr-config__lead { display: block; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--xs); font-weight: 400; color: var(--wp--preset--color--gray-700); }
.vr-table--compare thead .vr-hint { display: block; font-family: var(--wp--preset--font-family--body); font-weight: 400; } .vr-cta .wp-block-heading { font-size: var(--wp--preset--font-size--xxl); }
.vr-cta .vr-company { font-size: var(--wp--preset--font-size--m); } .block-editor-block-list__block .vr-section { padding-block: 0; } .vr-robot > .vr-cta { margin-block-start: 0; }
.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0; } .vr-hero { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60); }
.vr-lead { max-width: 52ch; font-size: var(--wp--preset--font-size--l); color: var(--wp--preset--color--gray-700); }
.is-style-section-dark .vr-lead { color: var(--wp--preset--color--gray-300); } .vr-usp { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid var(--wp--preset--color--ink); }
.vr-usp > * { margin: 0; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) 0; border-bottom: 1px solid var(--wp--preset--color--gray-300); }
.vr-usp > * + * { padding-left: var(--wp--preset--spacing--40); border-left: 1px solid var(--wp--preset--color--gray-200); }
.vr-usp h3 { margin: 0 0 0.4em; font-size: var(--wp--preset--font-size--l); }
.vr-usp p { margin: 0; color: var(--wp--preset--color--gray-700); font-size: var(--wp--preset--font-size--s); } @media (max-width: 1100px) { .vr-usp { grid-template-columns: repeat(2, 1fr); } .vr-usp > :nth-child(odd) { padding-left: 0; border-left: 0; } }
@media (max-width: 781px) { .vr-usp { grid-template-columns: 1fr; } .vr-usp > *, .vr-usp > * + * { padding-inline: 0; border-left: 0; } } .vr-steps { counter-reset: vr-step; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--wp--preset--spacing--40); padding: 0; list-style: none; }
.vr-steps li { counter-increment: vr-step; position: relative; }
.vr-steps li::before { content: counter(vr-step); position: relative; z-index: 1; display: grid; place-items: center; box-sizing: border-box; width: 2.25rem; height: 2.25rem; margin-bottom: 0.75rem; border: 1.5px solid currentColor; border-radius: 50%; background: var(--wp--preset--color--paper); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); font-weight: 600; }
.vr-steps li:not(:last-child)::after { content: ""; position: absolute; top: 1.125rem; left: 2.25rem; right: calc(-1 * var(--wp--preset--spacing--40)); height: 1px; background: currentColor; }
.is-style-section-dark .vr-steps li::before { background: var(--wp--preset--color--ink); } .vr-timeline { margin: 0; padding: 0; list-style: none; }
.vr-timeline li { position: relative; padding: 0 0 1.5rem 2rem; }
.vr-timeline li::before { content: ""; position: absolute; top: 0.3rem; left: 0; z-index: 1; box-sizing: border-box; width: 0.8rem; height: 0.8rem; border: 1.5px solid currentColor; border-radius: 50%; background: var(--wp--preset--color--paper); }
.vr-timeline li:not(:last-child)::after { content: ""; position: absolute; top: 1.1rem; bottom: 0; left: calc(0.4rem - 0.5px); width: 1px; background: currentColor; }
.vr-timeline li > strong:first-child { display: block; margin-bottom: 0.25rem; color: var(--wp--preset--color--primary); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--s); } .vr-chain { display: grid; margin-block: var(--wp--preset--spacing--50); padding-top: 1.9rem; color: var(--wp--preset--color--ink); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); }
.vr-chain > [data-y] { position: relative; padding-bottom: 0.45rem; border-bottom: 1px solid currentColor; color: var(--wp--preset--color--gray-500); text-align: center; white-space: nowrap; }
.vr-chain > .vr-chain__end { border-bottom: 0; }
.vr-chain > [data-y]::before { content: ""; position: absolute; left: 0; top: -0.4rem; bottom: -0.5rem; width: 1px; background: var(--wp--preset--color--ink); }
.vr-chain > [data-y]::after { content: attr(data-y); position: absolute; left: 0; top: -1.9rem; transform: translateX(-50%); color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--s); font-weight: 700; } .vr-chain > [data-y]:first-child::after { transform: none; }
.vr-chain > .vr-chain__end::after { transform: translateX(-100%); }
.vr-chain__total { display: flex; grid-column: 1 / -1; align-items: center; gap: 0.75rem; margin-top: 1.25rem; padding-inline: 0; border-inline: 1px solid currentColor; line-height: 1.6; }
.vr-chain__total::before, .vr-chain__total::after { content: ""; flex: 1; height: 1px; background: currentColor; }
@media (min-width: 782px) { .vr-chain + .vr-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); }
.vr-chain + .vr-timeline li { padding: 1rem 0 0; border-top: 1px solid var(--wp--preset--color--gray-300); }
.vr-chain + .vr-timeline li::before, .vr-chain + .vr-timeline li::after { display: none; }
}
@media (max-width: 781px) { .vr-chain { display: none; } } .wp-block-column .vr-steps { grid-template-columns: 1fr; gap: 0; }
.wp-block-column .vr-steps li { min-height: 2.25rem; padding: 0.45rem 0 1.25rem 3.25rem; }
.wp-block-column .vr-steps li::before { position: absolute; top: 0; left: 0; margin: 0; }
.wp-block-column .vr-steps li:not(:last-child)::after { top: 2.25rem; bottom: 0; left: calc(1.125rem - 0.5px); right: auto; width: 1px; height: auto; }
@media (max-width: 781px) {
.vr-steps { grid-template-columns: 1fr; gap: 0; }
.vr-steps li { min-height: 2.25rem; padding: 0.45rem 0 1.25rem 3.25rem; }
.vr-steps li::before { position: absolute; top: 0; left: 0; margin: 0; }
.vr-steps li:not(:last-child)::after { top: 2.25rem; bottom: 0; left: calc(1.125rem - 0.5px); right: auto; width: 1px; height: auto; }
} .vr-titleblock { display: block; margin: 0; }
.vr-titleblock table { width: 100%; table-layout: fixed; border-collapse: collapse; border: 2px solid var(--wp--preset--color--ink); }
.vr-titleblock th, .vr-titleblock td { padding: 0.7rem 1rem; border: 1px solid var(--wp--preset--color--gray-300); text-align: left; vertical-align: baseline; }
.vr-titleblock th { width: 38%; color: var(--wp--preset--color--gray-700); font-size: var(--wp--preset--font-size--s); font-weight: 400; }
.vr-titleblock td { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--m); font-weight: 600; }
.vr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.vr-stats > * { margin: 0; padding: var(--wp--preset--spacing--40); border-left: 1px solid rgb(255 255 255 / 0.14); }
.vr-stats > :first-child { padding-left: 0; border-left: 0; }
.vr-stats__value { margin: 0 0 0.6rem; font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.4rem, 4vw, 3.4rem); font-weight: 600; line-height: 1; }
.vr-stats__label { margin: 0; color: var(--wp--preset--color--gray-300); font-size: var(--wp--preset--font-size--s); }
@media (max-width: 781px) { .vr-stats > * { padding-left: 0; border-left: 0; } } .wp-block-gallery.has-nested-images.vr-logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin-bottom: 0; border-top: 1px solid var(--wp--preset--color--gray-300); border-left: 1px solid var(--wp--preset--color--gray-300); }
.wp-block-gallery.has-nested-images.vr-logos figure.wp-block-image:not(#individual-image) { justify-content: center; width: auto; margin: 0; padding: 0.75rem 1rem; border-right: 1px solid var(--wp--preset--color--gray-300); border-bottom: 1px solid var(--wp--preset--color--gray-300); }
.wp-block-gallery.has-nested-images.vr-logos figure.wp-block-image img { width: 100%; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; opacity: 0.8; }
@media (max-width: 781px) {
.wp-block-gallery.has-nested-images.vr-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.vr-logos figure.wp-block-image:not(#individual-image) { padding: 0.5rem; }
}
.vr-logos-more { margin-block: var(--wp--preset--spacing--40) 0; }
.vr-logos-more > summary { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.6rem 1.1rem; border: 1px solid var(--wp--preset--color--ink); border-radius: var(--wp--custom--radius--m); cursor: pointer; font-weight: 600; list-style: none; }
.vr-logos-more > summary::-webkit-details-marker { display: none; }
.vr-logos-more > summary::after { content: "+"; font-family: var(--wp--preset--font-family--mono); }
.vr-logos-more[open] > summary::after { content: "\2212"; }
.vr-logos-more > summary:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; } .vr-need { display: grid; align-content: center; justify-items: start; gap: 0.4rem; min-height: 7.5rem; padding: 1.25rem; border: 2px dashed var(--wp--preset--color--accent); border-radius: var(--wp--custom--radius--l); background: repeating-linear-gradient(-45deg, #fff6e6 0 10px, #fffdf8 10px 20px); color: #6b4300; }
.vr-need::before { content: "Нужно от заказчика"; padding: 0.25rem 0.5rem; border-radius: 4px; background: var(--wp--preset--color--accent); color: #fff; font-size: var(--wp--preset--font-size--xs); font-weight: 600; }
.vr-need > * { margin: 0; }
.vr-need > :first-child { font-weight: 600; }
.vr-need--wide { aspect-ratio: 16 / 10; }
.is-style-section-dark .vr-need { background: repeating-linear-gradient(-45deg, #2b2216 0 10px, #1f1a14 10px 20px); color: #f4d29c; } .vr-photo { margin: 0; }
.vr-photo img { display: block; width: 100%; height: auto; border-radius: var(--wp--custom--radius--l); } .vr-glow {
background-image:
radial-gradient(60% 70% at 0% 0%, rgb(75 50 195 / 0.28), transparent 70%),
radial-gradient(55% 65% at 100% 100%, rgb(75 50 195 / 0.16), transparent 70%);
} .vr-shot { margin: 0; }
.vr-shot img { display: block; width: 100%; height: auto; mix-blend-mode: darken; }
.is-style-section-dark .vr-shot img { mix-blend-mode: lighten; } .vr-map { margin: 0; }
.vr-map img { display: block; width: 100%; height: auto; border-radius: var(--wp--custom--radius--l); }
.vr-map figcaption { margin: 0.75rem 0 0; color: var(--wp--preset--color--gray-700); font-size: var(--wp--preset--font-size--xs); text-align: left; }
.is-style-section-dark .vr-map figcaption { color: var(--wp--preset--color--gray-300); }
.vr-rent { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--40); padding: 1.75rem 2rem; border: 1px solid var(--wp--preset--color--gray-300); border-radius: var(--wp--custom--radius--l); }
.vr-rent > * { margin: 0; }
.vr-rent p { font-size: var(--wp--preset--font-size--l); } .vr-reg { display: inline-grid; gap: 0.25rem; margin-top: 1.5rem; padding: 0.9rem 1.25rem; border: 4px double var(--wp--preset--color--primary); border-radius: 6px; color: var(--wp--preset--color--primary); transform: rotate(-2deg); }
.vr-reg > * { margin: 0; }
.vr-reg > :first-child { font-size: var(--wp--preset--font-size--m); font-weight: 700; }
.vr-reg > * + * { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); } .vr-cookies { position: fixed; inset: auto 1rem 1rem; z-index: 100; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; max-width: 46rem; margin-inline: auto; padding: 1rem 1.25rem; border: 1px solid var(--wp--preset--color--ink); border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 0.12); }
.vr-cookies[hidden] { display: none; }
.vr-cookies__text { flex: 1 1 18rem; margin: 0; font-size: var(--wp--preset--font-size--s); }