@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #ffffff);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #D71820);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #e7242e);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #e93c45);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #f1858b);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #D71820);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #e7242e);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #e93c45);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #f1858b);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #000000);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #1a1a1a);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #333333);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #808080);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, Jost);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Jost);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, right);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 17, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 20, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* Hikvision storefront */
/* line 29, theme.scss */
:root {
  --hw-green:#d71820;
  --hw-green-dark:#b51219;
  --hw-black:#111;
  --hw-ink:#262626;
  --hw-muted:#6d6e71;
  --hw-line:#e4e4e4;
  --hw-soft:#f5f5f5; }

/* line 30, theme.scss */
html {
  scroll-behavior: smooth; }

/* line 31, theme.scss */
body {
  background: #fff;
  color: var(--hw-ink); }

/* line 32, theme.scss */
.hw-shell {
  width: min(1320px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

/* line 33, theme.scss */
.hikvision-home {
  overflow: hidden; }

/* line 34, theme.scss */
.hw-decor-word {
  position: absolute;
  z-index: 0;
  color: currentColor;
  font-family: Arial,sans-serif;
  font-size: clamp(76px, 11vw, 180px);
  font-weight: 900;
  line-height: .8;
  letter-spacing: -.07em;
  opacity: .025;
  pointer-events: none;
  user-select: none;
  white-space: nowrap; }

/* line 35, theme.scss */
.hw-tech-tags {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: 8px;
  pointer-events: none; }

/* line 36, theme.scss */
.hw-tech-tags span {
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em; }

/* line 37, theme.scss */
.hw-tech-dot {
  position: absolute;
  z-index: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 24px 0 0 rgba(215, 24, 32, 0.35), 48px 0 0 rgba(215, 24, 32, 0.15);
  pointer-events: none; }

/* line 38, theme.scss */
.hw-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--hw-green-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase; }

/* line 39, theme.scss */
.hw-kicker:before {
  content: "";
  width: 22px;
  height: 2px;
  background: var(--hw-green); }

/* line 40, theme.scss */
.hw-section {
  padding: 96px 0; }

/* line 41, theme.scss */
.hw-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 38px; }

/* line 42, theme.scss */
.hw-heading h2, .hw-about h2, .hw-cta h2 {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--hw-black);
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: -.045em; }

/* line 43, theme.scss */
.hw-heading > a {
  flex: none;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--hw-black);
  text-decoration: none;
  font-weight: 700; }

/* line 44, theme.scss */
.hw-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px; }

/* line 45, theme.scss */
.hw-btn {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease; }

/* line 46, theme.scss */
.hw-btn:hover {
  transform: translateY(-2px) scale(1.015); }

/* line 47, theme.scss */
.hw-btn--primary {
  color: #fff;
  background: var(--hw-green);
  box-shadow: 0 14px 35px rgba(215, 24, 32, 0.22); }

/* line 48, theme.scss */
.hw-btn--ghost {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25); }

/* line 49, theme.scss */
.hw-btn--light {
  color: var(--hw-black);
  background: #fff; }

/* line 50, theme.scss */
.hw-btn--dark {
  color: #fff;
  background: var(--hw-black); }

/* line 51, theme.scss */
.hw-hero {
  --hw-parallax-x:0px;
  --hw-parallax-y:0px;
  position: relative;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 650px;
  margin-top: 24px;
  padding: 70px;
  align-items: center;
  gap: 34px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 28px;
  background: radial-gradient(circle at 79% 45%, rgba(215, 24, 32, 0.13), rgba(0, 0, 0, 0) 28%), radial-gradient(circle at 18% 0, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0) 33%), #181818;
  box-shadow: 0 36px 90px rgba(15, 15, 15, 0.14);
  overflow: hidden;
  isolation: isolate; }

/* line 52, theme.scss */
.hw-hero:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 580px;
  height: 580px;
  left: -310px;
  top: -350px;
  border: 1px solid rgba(215, 24, 32, 0.24);
  border-radius: 50%;
  box-shadow: 0 0 90px rgba(215, 24, 32, 0.08);
  transform: translate3d(calc(var(--hw-parallax-x) * -.3), calc(var(--hw-parallax-y) * -.3), 0);
  transition: transform .25s ease-out; }

/* line 53, theme.scss */
.hw-hero:after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, black 28%, black 82%, transparent);
  pointer-events: none; }

/* line 54, theme.scss */
.hw-decor-word--hero {
  right: -34px;
  bottom: 5px;
  color: #fff; }

/* line 55, theme.scss */
.hw-tech-tags--hero {
  right: 52px;
  top: 35px; }

/* line 56, theme.scss */
.hw-hero__content {
  position: relative;
  z-index: 3; }

/* line 57, theme.scss */
.hw-hero h1 {
  max-width: 720px;
  margin: 14px 0 20px;
  color: #fff;
  font-size: clamp(48px, 6.2vw, 88px);
  line-height: .92;
  letter-spacing: -.06em; }

/* line 58, theme.scss */
.hw-hero__content > p {
  max-width: 650px;
  color: #bfc6c0;
  font-size: 18px;
  line-height: 1.65; }

/* line 59, theme.scss */
.hw-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  color: #d8ded9;
  font-size: 13px; }

/* line 60, theme.scss */
.hw-hero__trust li:before {
  content: "✓";
  margin-right: 7px;
  color: var(--hw-green);
  font-weight: 900; }

/* line 61, theme.scss */
.hw-hero__visual {
  position: relative;
  z-index: 2;
  min-height: 470px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 48%, rgba(215, 24, 32, 0.12), rgba(0, 0, 0, 0) 36%), linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 30px 80px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  transform: translate3d(calc(var(--hw-parallax-x) * .18), calc(var(--hw-parallax-y) * .18), 0);
  transition: transform .18s ease-out; }

/* line 62, theme.scss */
.hw-hero3d__canvas, .hw-hero3d__fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

/* line 63, theme.scss */
.hw-hero3d__canvas {
  z-index: 3;
  display: block;
  opacity: 0;
  transition: opacity .8s ease; }

/* line 64, theme.scss */
.hw-hero.is-webgl .hw-hero3d__canvas {
  opacity: 1; }

/* line 65, theme.scss */
.hw-hero3d__fallback {
  z-index: 2;
  opacity: 1;
  transition: opacity .6s ease; }

/* line 66, theme.scss */
.hw-hero.is-webgl .hw-hero3d__fallback {
  opacity: 0; }

/* line 67, theme.scss */
.hw-hero3d__orb {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 50%;
  pointer-events: none; }

/* line 68, theme.scss */
.hw-hero3d__orb--one {
  width: 330px;
  height: 330px;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + var(--hw-parallax-x)), calc(-50% + var(--hw-parallax-y))); }

/* line 69, theme.scss */
.hw-hero3d__orb--two {
  width: 430px;
  height: 430px;
  left: 50%;
  top: 50%;
  border-color: rgba(215, 24, 32, 0.11);
  transform: translate(calc(-50% - var(--hw-parallax-x)), calc(-50% - var(--hw-parallax-y))); }

/* line 70, theme.scss */
.hw-hero3d__label {
  position: absolute;
  z-index: 5;
  color: rgba(255, 255, 255, 0.42);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  pointer-events: none; }

/* line 71, theme.scss */
.hw-hero3d__label--top {
  left: 22px;
  top: 20px; }

/* line 72, theme.scss */
.hw-hero3d__label--side {
  right: 18px;
  top: 50%;
  writing-mode: vertical-rl;
  transform: translateY(-50%); }

/* line 73, theme.scss */
.hw-camera {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 155px;
  border-radius: 80px 80px 45px 45px;
  background: linear-gradient(160deg, #fff, #bfc5c0);
  transform: translate(-50%, -55%) rotate(-7deg);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.4); }

/* line 74, theme.scss */
.hw-camera:before {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  left: 70px;
  bottom: -30px;
  border: 18px solid #454545;
  border-radius: 50%;
  background: radial-gradient(circle, #181818 0% 16%, #7d3030 17% 28%, #2d2d2d 30% 55%, #777777 56% 100%);
  box-sizing: border-box; }

/* line 75, theme.scss */
.hw-camera:after {
  content: "HIKVISION";
  position: absolute;
  left: 25px;
  top: 35px;
  color: #333;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em; }

/* line 76, theme.scss */
.hw-camera span {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 38px;
  top: 38px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 0 0 18px var(--hw-green);
  animation: hw-led 2.4s ease-in-out infinite; }

/* line 77, theme.scss */
.hw-scan {
  position: absolute;
  z-index: 2;
  inset: 13%;
  border: 1px solid rgba(215, 24, 32, 0.25);
  border-radius: 50%;
  animation: hw-pulse 4s ease-in-out infinite;
  pointer-events: none; }

@keyframes hw-pulse {
  50% {
    transform: scale(0.85);
    opacity: .25; } }
/* line 79, theme.scss */
.hw-status {
  position: absolute;
  z-index: 5;
  right: 24px;
  bottom: 24px;
  padding: 12px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9px;
  color: #fff;
  background: rgba(18, 18, 18, 0.66);
  font-size: 12px;
  backdrop-filter: blur(12px); }

/* line 80, theme.scss */
.hw-status i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 0 0 9px var(--hw-green); }

@keyframes hw-led {
  50% {
    opacity: .45;
    box-shadow: 0 0 8px var(--hw-green); } }
/* line 82, theme.scss */
.hw-hero--animate .hw-hero__content > * {
  opacity: 0;
  transform: translateY(22px); }

/* line 83, theme.scss */
.hw-hero--animate.is-ready .hw-hero__content > * {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }

/* line 84, theme.scss */
.hw-hero--animate.is-ready .hw-hero__content > *:nth-child(2) {
  transition-delay: .08s; }

/* line 85, theme.scss */
.hw-hero--animate.is-ready .hw-hero__content > *:nth-child(3) {
  transition-delay: .16s; }

/* line 86, theme.scss */
.hw-hero--animate.is-ready .hw-hero__content > *:nth-child(4) {
  transition-delay: .24s; }

/* line 87, theme.scss */
.hw-hero--animate.is-ready .hw-hero__content > *:nth-child(5) {
  transition-delay: .32s; }

/* line 88, theme.scss */
.hw-hero .hw-btn--primary:hover {
  box-shadow: 0 16px 42px rgba(215, 24, 32, 0.42), 0 0 24px rgba(215, 24, 32, 0.2); }

/* line 89, theme.scss */
.hw-hero .hw-btn--ghost:hover {
  border-color: rgba(215, 24, 32, 0.62);
  background: rgba(215, 24, 32, 0.1);
  box-shadow: 0 0 26px rgba(215, 24, 32, 0.12); }

/* Hikvision AI Command Center hero */
/* line 92, theme.scss */
.hv-hero {
  --hv-bg-x:0px;
  --hv-bg-y:0px;
  --hv-product-x:0px;
  --hv-product-y:0px;
  --hv-product-rx:0deg;
  --hv-product-ry:0deg;
  --hv-grid-x:0px;
  --hv-grid-y:0px;
  position: relative;
  min-height: 760px;
  margin-top: 24px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 28px;
  background: #050505;
  box-shadow: 0 38px 100px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  isolation: isolate; }

/* line 93, theme.scss */
.hv-hero:before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), inset 0 -120px 160px rgba(0, 0, 0, 0.34);
  pointer-events: none; }

/* line 94, theme.scss */
.hv-hero__backdrop {
  position: absolute;
  z-index: 0;
  inset: -3%;
  display: block;
  opacity: .54; }

/* line 95, theme.scss */
.hv-hero__backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.48) saturate(0.82);
  transform: translate3d(var(--hv-bg-x), var(--hv-bg-y), 0) scale(1.04);
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform; }

/* line 96, theme.scss */
.hv-hero__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(2, 2, 2, 0.98) 0%, rgba(3, 3, 3, 0.94) 37%, rgba(3, 3, 3, 0.5) 51%, rgba(3, 3, 3, 0.16) 70%, rgba(3, 3, 3, 0.5) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, transparent 26%, transparent 62%, rgba(0, 0, 0, 0.86) 100%);
  pointer-events: none; }

/* line 97, theme.scss */
.hv-hero__depth-grid {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: .2;
  background-image: linear-gradient(rgba(255, 255, 255, 0.075) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, #000, transparent 32%, transparent 70%, #000);
  transform: translate3d(var(--hv-grid-x), var(--hv-grid-y), 0);
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none; }

/* line 98, theme.scss */
.hv-hero__topbar {
  position: absolute;
  z-index: 5;
  left: 34px;
  right: 34px;
  top: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 62px;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.7);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em; }

/* line 99, theme.scss */
.hv-hero__topbar span:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff; }

/* line 100, theme.scss */
.hv-hero__topbar span:last-child {
  text-align: right; }

/* line 101, theme.scss */
.hv-hero__topbar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 0 0 0 5px rgba(215, 24, 32, 0.12), 0 0 16px var(--hw-green);
  animation: hv-status 1.8s ease-in-out infinite; }

/* line 102, theme.scss */
.hv-hero__body {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  gap: clamp(32px, 3.2vw, 54px);
  min-height: 656px;
  padding: 78px clamp(32px, 4.8vw, 68px) 28px;
  box-sizing: border-box; }

/* line 103, theme.scss */
.hv-hero__content {
  align-self: end;
  max-width: 520px;
  padding-bottom: 24px; }

/* line 104, theme.scss */
.hv-hero__content > p {
  max-width: 510px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.58; }

/* line 105, theme.scss */
.hv-hero__scene {
  position: relative;
  min-width: 0;
  min-height: 550px;
  perspective: 1200px;
  transform-style: preserve-3d; }

/* line 106, theme.scss */
.hv-hero__product {
  position: absolute;
  z-index: 1;
  inset: -5% -8% -6% -9%;
  display: block;
  overflow: hidden;
  mask-image: radial-gradient(ellipse 58% 70% at 50% 49%, #000000 0%, #000000 62%, rgba(0, 0, 0, 0.84) 76%, rgba(0, 0, 0, 0) 100%);
  transform: translate3d(var(--hv-product-x), var(--hv-product-y), 28px) rotateX(var(--hv-product-rx)) rotateY(var(--hv-product-ry)) scale(1.05);
  transform-origin: 52% 48%;
  transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform; }

/* line 107, theme.scss */
.hv-hero__product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(1.06) contrast(1.03) saturate(1.04); }

/* line 108, theme.scss */
.hv-hero__scene:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 19%;
  right: 12%;
  bottom: 5%;
  height: 16%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(215, 24, 32, 0.22), rgba(0, 0, 0, 0.18) 46%, rgba(0, 0, 0, 0) 72%);
  filter: blur(18px);
  pointer-events: none; }

/* line 109, theme.scss */
.hv-hero__reticle {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 51%;
  width: clamp(270px, 30vw, 430px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  transform: translate(-50%, -50%) translate3d(calc(var(--hv-grid-x) * -.5), calc(var(--hv-grid-y) * -.5), 44px);
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none; }

/* line 110, theme.scss */
.hv-hero__reticle:before, .hv-hero__reticle:after {
  content: "";
  position: absolute;
  inset: 11%;
  border: 1px solid rgba(215, 24, 32, 0.19);
  border-radius: 50%; }

/* line 111, theme.scss */
.hv-hero__reticle:after {
  inset: 24%;
  border-style: dashed;
  animation: hv-orbit 18s linear infinite; }

/* line 112, theme.scss */
.hv-hero__reticle i {
  position: absolute;
  width: 38px;
  height: 38px;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid; }

/* line 113, theme.scss */
.hv-hero__reticle i:nth-child(1) {
  left: -1px;
  top: -1px;
  border-width: 1px 0 0 1px; }

/* line 114, theme.scss */
.hv-hero__reticle i:nth-child(2) {
  right: -1px;
  top: -1px;
  border-width: 1px 1px 0 0; }

/* line 115, theme.scss */
.hv-hero__reticle i:nth-child(3) {
  right: -1px;
  bottom: -1px;
  border-width: 0 1px 1px 0; }

/* line 116, theme.scss */
.hv-hero__reticle i:nth-child(4) {
  left: -1px;
  bottom: -1px;
  border-width: 0 0 1px 1px; }

/* line 117, theme.scss */
.hv-hero__reticle span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transform: translate(-50%, -50%); }

/* line 118, theme.scss */
.hv-hero__scan {
  position: absolute;
  z-index: 4;
  left: 10%;
  right: 8%;
  top: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(215, 24, 32, 0.15) 18%, rgba(215, 24, 32, 0.82) 50%, rgba(215, 24, 32, 0.15) 82%, transparent);
  box-shadow: 0 0 24px rgba(215, 24, 32, 0.38);
  opacity: .78;
  animation: hv-scan 6.5s ease-in-out infinite;
  pointer-events: none; }

/* line 119, theme.scss */
.hv-hero__insights {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 14px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  pointer-events: none; }

/* line 120, theme.scss */
.hv-hero__insight {
  position: relative;
  display: grid;
  width: min(190px, 31%);
  min-width: 150px;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(7, 7, 7, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 42px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px); }

/* line 121, theme.scss */
.hv-hero__insight-index {
  position: absolute;
  right: 14px;
  top: 12px;
  color: rgba(215, 24, 32, 0.66);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em; }

/* line 122, theme.scss */
.hv-hero__insight strong {
  padding-right: 28px;
  color: #fff;
  font-size: 13px; }

/* line 123, theme.scss */
.hv-hero__insight small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
  letter-spacing: .05em; }

/* line 124, theme.scss */
.hv-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase; }

/* line 125, theme.scss */
.hv-hero__eyebrow:before {
  content: "";
  width: 28px;
  height: 2px;
  background: var(--hw-green);
  box-shadow: 0 0 14px rgba(215, 24, 32, 0.7); }

/* line 126, theme.scss */
.hv-hero h1 {
  max-width: 520px;
  margin: 14px 0 16px;
  color: #fff;
  font-size: clamp(44px, 4.6vw, 68px);
  line-height: .91;
  letter-spacing: -.06em;
  overflow-wrap: normal; }

/* line 127, theme.scss */
.hv-hero h1 em {
  color: var(--hw-green);
  font-style: normal; }

/* line 128, theme.scss */
.hv-hero__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 24px; }

/* line 129, theme.scss */
.hv-hero__actions .hw-btn {
  min-height: 54px;
  padding: 0 18px;
  box-shadow: 0 16px 42px rgba(215, 24, 32, 0.24); }

/* line 130, theme.scss */
.hv-hero__consult {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 6px 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  background: rgba(255, 255, 255, 0.035);
  text-decoration: none;
  transition: background .25s ease,border-color .25s ease; }

/* line 131, theme.scss */
.hv-hero__consult:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.46);
  background: rgba(255, 255, 255, 0.09); }

/* line 132, theme.scss */
.hv-hero__consult i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 6px;
  color: #111;
  background: #fff;
  font-style: normal;
  font-size: 18px; }

/* line 133, theme.scss */
.hv-hero__metrics {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  min-height: 104px;
  margin: 0;
  padding: 0 clamp(24px, 4vw, 58px);
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(5, 5, 5, 0.78);
  backdrop-filter: blur(16px);
  list-style: none; }

/* line 134, theme.scss */
.hv-hero__metrics li {
  display: grid;
  grid-template-columns: minmax(98px, 0.42fr) minmax(0, 1fr);
  grid-template-areas: "meta meta" "title description";
  align-content: center;
  column-gap: 15px;
  row-gap: 5px;
  padding: 14px 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.11); }

/* line 135, theme.scss */
.hv-hero__metrics li:last-child {
  border: 0; }

/* line 136, theme.scss */
.hv-hero__metrics small {
  grid-area: meta;
  color: var(--hw-green);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase; }

/* line 137, theme.scss */
.hv-hero__metrics strong {
  grid-area: title;
  align-self: start;
  color: #fff;
  font-size: 19px;
  line-height: 1.05;
  letter-spacing: -.035em; }

/* line 138, theme.scss */
.hv-hero__metrics span {
  grid-area: description;
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  line-height: 1.35; }

@keyframes hv-status {
  50% {
    opacity: .38;
    box-shadow: 0 0 0 3px rgba(215, 24, 32, 0.08), 0 0 7px var(--hw-green); } }
@keyframes hv-orbit {
  to {
    transform: rotate(360deg); } }
@keyframes hv-scan {
  0%,100% {
    transform: translateY(0);
    opacity: .18; }
  50% {
    transform: translateY(300px);
    opacity: .78; } }
/* line 142, theme.scss */
.hv-hero.is-paused .hv-hero__reticle:after, .hv-hero.is-paused .hv-hero__scan, .hv-hero.is-paused .hv-hero__topbar i {
  animation-play-state: paused; }

@media (max-width: 1200px) {
  /* line 143, theme.scss */
  .hv-hero__body {
    grid-template-columns: minmax(0, 43%) minmax(0, 57%);
    gap: 24px;
    padding-left: 30px;
    padding-right: 30px; }

  /* line 143, theme.scss */
  .hv-hero__content {
    max-width: 440px; }

  /* line 143, theme.scss */
  .hv-hero h1 {
    font-size: clamp(40px, 4.8vw, 58px); }

  /* line 143, theme.scss */
  .hv-hero__actions {
    grid-template-columns: 1fr; }

  /* line 143, theme.scss */
  .hv-hero__scene {
    min-height: 530px; }

  /* line 143, theme.scss */
  .hv-hero__insight {
    min-width: 142px;
    width: 32%;
    padding: 12px 13px; }

  /* line 143, theme.scss */
  .hv-hero__insight strong {
    font-size: 12px; }

  /* line 143, theme.scss */
  .hv-hero__metrics li {
    grid-template-columns: 1fr;
    grid-template-areas: "meta" "title" "description";
    gap: 3px; }

  /* line 143, theme.scss */
  .hv-hero__metrics strong {
    font-size: 17px; } }
@media (max-width: 900px) and (min-width: 768px) {
  /* line 144, theme.scss */
  .hv-hero__body {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    padding-left: 24px;
    padding-right: 24px; }

  /* line 144, theme.scss */
  .hv-hero h1 {
    font-size: clamp(38px, 5vw, 46px); }

  /* line 144, theme.scss */
  .hv-hero__content > p {
    font-size: 14px; }

  /* line 144, theme.scss */
  .hv-hero__eyebrow {
    font-size: 8px;
    letter-spacing: .1em; }

  /* line 144, theme.scss */
  .hv-hero__scene {
    min-height: 510px; }

  /* line 144, theme.scss */
  .hv-hero__insights {
    display: none; }

  /* line 144, theme.scss */
  .hv-hero__reticle {
    width: 34vw; } }
@media (max-width: 767px) {
  /* line 145, theme.scss */
  .hv-hero {
    width: calc(100% - 20px);
    min-height: 0;
    margin-top: 10px;
    border-radius: 20px; }

  /* line 145, theme.scss */
  .hv-hero__backdrop {
    inset: -1%;
    opacity: .38; }

  /* line 145, theme.scss */
  .hv-hero__backdrop img {
    object-position: center top;
    filter: brightness(0.38) saturate(0.72);
    transform: scale(1.04); }

  /* line 145, theme.scss */
  .hv-hero__shade {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.1) 31%, rgba(0, 0, 0, 0.84) 48%, #050505 68%, #050505 100%); }

  /* line 145, theme.scss */
  .hv-hero__topbar {
    left: 18px;
    right: 18px;
    min-height: 52px;
    grid-template-columns: 1fr auto;
    gap: 10px;
    font-size: 7px;
    letter-spacing: .08em; }

  /* line 145, theme.scss */
  .hv-hero__topbar span:last-child {
    display: none; }

  /* line 145, theme.scss */
  .hv-hero__body {
    grid-template-columns: 1fr;
    grid-template-areas: "scene" "content";
    gap: 20px;
    min-height: 0;
    padding: 52px 20px 30px; }

  /* line 145, theme.scss */
  .hv-hero__scene {
    grid-area: scene;
    min-height: 430px; }

  /* line 145, theme.scss */
  .hv-hero__content {
    grid-area: content;
    align-self: auto;
    max-width: none;
    padding: 0; }

  /* line 145, theme.scss */
  .hv-hero__product {
    inset: 0 -6% -2%;
    mask-image: linear-gradient(180deg, #000 0%, #000 76%, transparent 100%);
    transform: translate3d(0, 0, 20px) scale(1.02); }

  /* line 145, theme.scss */
  .hv-hero__product img {
    object-position: center top; }

  /* line 145, theme.scss */
  .hv-hero__insights {
    display: none; }

  /* line 145, theme.scss */
  .hv-hero__reticle {
    top: 48%;
    width: min(72vw, 330px); }

  /* line 145, theme.scss */
  .hv-hero__scan {
    left: 4%;
    right: 4%;
    top: 8%; }

  /* line 145, theme.scss */
  .hv-hero h1 {
    max-width: none;
    margin-top: 12px;
    font-size: clamp(38px, 11.5vw, 50px);
    line-height: .92; }

  /* line 145, theme.scss */
  .hv-hero__content > p {
    max-width: none;
    font-size: 15px; }

  /* line 145, theme.scss */
  .hv-hero__actions {
    grid-template-columns: 1fr;
    margin-top: 22px; }

  /* line 145, theme.scss */
  .hv-hero__metrics {
    grid-template-columns: 1fr;
    min-height: 226px;
    padding: 0 18px; }

  /* line 145, theme.scss */
  .hv-hero__metrics li {
    grid-template-columns: 110px minmax(0, 1fr);
    grid-template-areas: "meta meta" "title description";
    justify-items: start;
    align-content: center;
    min-height: 75px;
    column-gap: 12px;
    row-gap: 3px;
    padding: 9px 4px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left; }

  /* line 145, theme.scss */
  .hv-hero__metrics li:last-child {
    border-bottom: 0; }

  /* line 145, theme.scss */
  .hv-hero__metrics small {
    display: block;
    font-size: 8px; }

  /* line 145, theme.scss */
  .hv-hero__metrics strong {
    font-size: 14px;
    line-height: 1.1; }

  /* line 145, theme.scss */
  .hv-hero__metrics span {
    font-size: 10.5px;
    line-height: 1.3; }

  /* line 145, theme.scss */
  .hv-hero__eyebrow {
    font-size: 8px;
    letter-spacing: .11em; } }
@media (max-width: 420px) {
  /* line 146, theme.scss */
  .hv-hero__scene {
    min-height: 400px; }

  /* line 146, theme.scss */
  .hv-hero h1 {
    font-size: clamp(36px, 11vw, 46px); }

  /* line 146, theme.scss */
  .hv-hero__consult {
    padding-left: 16px; } }
@media (prefers-reduced-motion: reduce) {
  /* line 147, theme.scss */
  .hv-hero__backdrop img, .hv-hero__product, .hv-hero__depth-grid, .hv-hero__reticle {
    transition: none;
    transform: none; }

  /* line 147, theme.scss */
  .hv-hero__product {
    transform: scale(1.02); }

  /* line 147, theme.scss */
  .hv-hero__reticle {
    transform: translate(-50%, -50%); }

  /* line 147, theme.scss */
  .hv-hero__reticle:after, .hv-hero__scan, .hv-hero__topbar i {
    animation: none; } }
/* line 148, theme.scss */
.hw-categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px; }

/* line 149, theme.scss */
.hw-catalog-section {
  position: relative; }

/* line 150, theme.scss */
.hw-catalog-section:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 52%;
  height: 58%;
  right: -12%;
  top: 16%;
  background-image: linear-gradient(rgba(63, 63, 63, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 63, 63, 0.025) 1px, transparent 1px);
  background-size: 32px 32px;
  transform: skewY(-4deg);
  pointer-events: none; }

/* line 151, theme.scss */
.hw-decor-word--catalog {
  right: -5%;
  top: 52px;
  color: var(--hw-black); }

/* line 152, theme.scss */
.hw-catalog-section > .hw-heading, .hw-catalog-section > .hw-categories {
  position: relative;
  z-index: 1; }

/* line 153, theme.scss */
.hw-category {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--hw-line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(60, 60, 60, 0.06);
  transition: .25s ease; }

/* line 154, theme.scss */
.hw-category:hover {
  border-color: rgba(215, 24, 32, 0.35);
  transform: translateY(-5px);
  box-shadow: 0 16px 38px rgba(60, 60, 60, 0.11); }

/* line 155, theme.scss */
.hw-category__image {
  display: block;
  position: relative;
  height: 205px;
  padding: 18px;
  background: var(--hw-soft);
  overflow: hidden; }

/* line 156, theme.scss */
.hw-category__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .3s ease; }

/* line 157, theme.scss */
.hw-category:hover .hw-category__image img {
  transform: scale(1.04); }

/* line 158, theme.scss */
.hw-category__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  margin: 0;
  background: linear-gradient(145deg, #eee, #fafafa); }

/* line 159, theme.scss */
.hw-category__placeholder i {
  display: block;
  position: relative;
  width: 74px;
  height: 52px;
  border: 5px solid #c8c8c8;
  border-radius: 10px; }

/* line 160, theme.scss */
.hw-category__placeholder i:before {
  content: "";
  position: absolute;
  left: 17px;
  top: 10px;
  width: 28px;
  height: 28px;
  border: 5px solid var(--hw-green);
  border-radius: 50%;
  box-sizing: border-box; }

/* line 161, theme.scss */
.hw-category__body {
  display: flex;
  min-height: 145px;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px; }

/* line 162, theme.scss */
.hw-category__body h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2; }

/* line 163, theme.scss */
.hw-category__body h3 a {
  color: var(--hw-ink);
  text-decoration: none; }

/* line 164, theme.scss */
.hw-category__count {
  margin: 0!important;
  color: var(--hw-muted) !important;
  font-size: 13px; }

/* line 165, theme.scss */
.hw-category__link {
  margin-top: auto;
  padding-top: 20px;
  color: var(--hw-green-dark);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none; }

/* line 166, theme.scss */
.hw-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 35px 0;
  border-top: 1px solid var(--hw-line);
  border-bottom: 1px solid var(--hw-line); }

/* line 167, theme.scss */
.hw-benefits article {
  padding: 15px 28px;
  border-right: 1px solid var(--hw-line); }

/* line 168, theme.scss */
.hw-benefits article:last-child {
  border: 0; }

/* line 169, theme.scss */
.hw-benefits strong {
  display: block;
  color: var(--hw-black);
  font-size: 34px;
  letter-spacing: -.04em; }

/* line 170, theme.scss */
.hw-benefits span {
  display: block;
  margin-top: 8px;
  color: var(--hw-muted);
  font-size: 13px; }

/* line 171, theme.scss */
.hw-products {
  position: relative;
  padding-bottom: 70px; }

/* line 172, theme.scss */
.hw-products:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 155px;
  height: 1px;
  background: linear-gradient(90deg, rgba(215, 24, 32, 0.28), rgba(63, 63, 63, 0.08) 38%, transparent 82%);
  pointer-events: none; }

/* line 173, theme.scss */
.hw-decor-word--products {
  left: 34%;
  top: 82px;
  color: var(--hw-black); }

/* line 174, theme.scss */
.hw-tech-dot--products {
  right: 4px;
  top: 146px; }

/* line 175, theme.scss */
.hw-products > .hw-heading, .hw-products > .hw-native-widgets {
  position: relative;
  z-index: 1; }

/* line 176, theme.scss */
.hw-native-widgets {
  min-height: 80px; }

/* line 177, theme.scss */
.hw-dark {
  position: relative;
  color: #fff;
  background: var(--hw-black);
  overflow: hidden; }

/* line 178, theme.scss */
.hw-dark:after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -170px;
  bottom: -260px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.018), 0 0 0 140px rgba(255, 255, 255, 0.012);
  pointer-events: none; }

/* line 179, theme.scss */
.hw-decor-word--about {
  left: -35px;
  bottom: 18px;
  color: #fff; }

/* line 180, theme.scss */
.hw-about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  padding-top: 110px;
  padding-bottom: 110px; }

/* line 181, theme.scss */
.hw-about {
  position: relative;
  z-index: 1; }

/* line 182, theme.scss */
.hw-about h2 {
  color: #fff; }

/* line 183, theme.scss */
.hw-about p {
  margin: 0 0 28px;
  color: #afb6b0;
  font-size: 18px;
  line-height: 1.75; }

/* line 184, theme.scss */
.hw-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px; }

/* line 185, theme.scss */
.hw-reasons article {
  position: relative;
  min-height: 250px;
  padding: 30px;
  border: 1px solid var(--hw-line);
  border-radius: 16px;
  background: var(--hw-soft);
  overflow: hidden; }

/* line 186, theme.scss */
.hw-reasons article:after {
  content: attr(data-hw-tech);
  position: absolute;
  right: 24px;
  top: 25px;
  color: rgba(63, 63, 63, 0.28);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em; }

/* line 187, theme.scss */
.hw-reasons article > span {
  position: absolute;
  right: 16px;
  bottom: -22px;
  color: rgba(215, 24, 32, 0.07);
  font-size: 122px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.08em; }

/* line 188, theme.scss */
.hw-reasons h3 {
  position: relative;
  z-index: 1;
  margin: 48px 0 10px;
  font-size: 23px; }

/* line 189, theme.scss */
.hw-reasons p {
  margin: 0;
  color: var(--hw-muted);
  line-height: 1.65; }

/* line 190, theme.scss */
.hw-faq {
  position: relative;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 80px; }

/* line 191, theme.scss */
.hw-decor-word--faq {
  left: -24px;
  top: 88px;
  color: var(--hw-black);
  writing-mode: vertical-rl;
  font-size: clamp(66px, 7vw, 118px);
  letter-spacing: -.04em; }

/* line 192, theme.scss */
.hw-faq > .hw-heading, .hw-faq > .hw-faq__list {
  position: relative;
  z-index: 1; }

/* line 193, theme.scss */
.hw-faq .hw-heading {
  align-items: start; }

/* line 194, theme.scss */
.hw-faq__list {
  border-top: 1px solid var(--hw-line); }

/* line 195, theme.scss */
.hw-faq details {
  border-bottom: 1px solid var(--hw-line); }

/* line 196, theme.scss */
.hw-faq summary {
  position: relative;
  padding: 25px 45px 25px 0;
  cursor: pointer;
  list-style: none;
  font-size: 18px;
  font-weight: 800; }

/* line 197, theme.scss */
.hw-faq summary::-webkit-details-marker {
  display: none; }

/* line 198, theme.scss */
.hw-faq summary:after {
  content: "+";
  position: absolute;
  right: 8px;
  top: 20px;
  color: var(--hw-green-dark);
  font-size: 28px; }

/* line 199, theme.scss */
.hw-faq details[open] summary:after {
  content: "−"; }

/* line 200, theme.scss */
.hw-faq details p {
  margin: 0;
  padding: 0 45px 25px 0;
  color: var(--hw-muted);
  line-height: 1.65; }

/* line 201, theme.scss */
.hw-warehouses article {
  padding: 28px;
  border: 1px solid var(--hw-line);
  border-radius: 16px; }

/* line 202, theme.scss */
.hw-warehouses article > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--hw-green);
  font-size: 11px;
  font-weight: 900; }

/* line 203, theme.scss */
.hw-warehouses h3 {
  margin: 24px 0 8px;
  font-size: 24px; }

/* line 204, theme.scss */
.hw-warehouses p {
  margin: 0;
  color: var(--hw-muted); }

/* line 205, theme.scss */
.hw-contacts {
  position: relative; }

/* line 206, theme.scss */
.hw-contacts:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 68px;
  width: 120px;
  height: 1px;
  background: rgba(63, 63, 63, 0.2);
  box-shadow: 0 8px 0 rgba(63, 63, 63, 0.08);
  pointer-events: none; }

/* line 207, theme.scss */
.hw-decor-word--contacts {
  right: -3%;
  bottom: 56px;
  color: var(--hw-black); }

/* line 208, theme.scss */
.hw-system-ready {
  position: absolute;
  right: 0;
  top: 102px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(63, 63, 63, 0.4);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em; }

/* line 209, theme.scss */
.hw-system-ready i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 0 0 0 4px rgba(215, 24, 32, 0.08); }

/* line 210, theme.scss */
.hw-contacts > .hw-heading, .hw-contacts > .hw-warehouses {
  position: relative;
  z-index: 1; }

/* line 211, theme.scss */
.hw-cta {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 90px;
  padding: 55px 60px;
  border-radius: 22px;
  background: var(--hw-green);
  overflow: hidden; }

/* line 212, theme.scss */
.hw-cta:after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: 19%;
  top: -115px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  transform: rotate(45deg);
  pointer-events: none; }

/* line 213, theme.scss */
.hw-decor-word--cta {
  right: 34px;
  bottom: -4px;
  color: #fff;
  font-size: 110px;
  opacity: .055; }

/* line 214, theme.scss */
.hw-cta > div, .hw-cta > .hw-btn {
  position: relative;
  z-index: 1; }

/* line 215, theme.scss */
.hw-cta {
  color: #fff; }

/* line 216, theme.scss */
.hw-cta h2 {
  color: #fff; }

/* line 217, theme.scss */
.hw-cta .hw-kicker {
  color: #fff; }

/* line 218, theme.scss */
.hw-cta .hw-kicker:before {
  background: #fff; }

/* line 219, theme.scss */
.hw-cta p {
  margin: 10px 0 0; }

/* line 220, theme.scss */
.hw-b24-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease,visibility .2s ease; }

/* line 221, theme.scss */
.hw-b24-modal.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto; }

/* line 222, theme.scss */
.hw-b24-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68); }

/* line 223, theme.scss */
.hw-b24-modal__dialog {
  position: relative;
  width: min(100%, 560px);
  max-height: 90vh;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  overflow: hidden; }

/* line 224, theme.scss */
.hw-b24-modal__body {
  max-height: 90vh;
  overflow-y: auto;
  overscroll-behavior: contain; }

/* line 225, theme.scss */
.hw-b24-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #2f2f2f;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.14);
  font: 400 30px/1 Arial,sans-serif;
  cursor: pointer;
  transition: color .2s ease,background .2s ease; }

/* line 226, theme.scss */
.hw-b24-modal__close:hover {
  color: #fff;
  background: var(--hw-green); }

/* line 227, theme.scss */
.hw-b24-modal-open {
  overflow: hidden; }

/* line 228, theme.scss */
.hw-store-footer {
  padding: 70px 0 60px;
  color: #d0d0d0;
  background: #111; }

/* line 229, theme.scss */
.hw-store-footer__container {
  width: calc(100% - 48px);
  max-width: var(--layout-content-max-width, 1408px);
  margin: 0 auto; }

/* line 230, theme.scss */
.hw-store-footer__main {
  display: grid;
  grid-template-columns: 28% minmax(0, 1fr);
  gap: 80px; }

/* line 231, theme.scss */
.hw-store-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

/* line 232, theme.scss */
.hw-store-footer__logo {
  display: block;
  width: min(240px, 100%);
  margin-bottom: 36px;
  text-decoration: none; }

/* line 233, theme.scss */
.hw-store-footer__logo img {
  display: block;
  width: 100%;
  height: auto; }

/* line 234, theme.scss */
.hw-store-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 18px; }

/* line 235, theme.scss */
.hw-store-footer__contacts a, .hw-store-footer__contacts > div {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #d0d0d0;
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s ease; }

/* line 236, theme.scss */
.hw-store-footer__contacts a:hover {
  color: var(--hw-green); }

/* line 237, theme.scss */
.hw-store-footer__contacts svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  fill: #fff; }

/* line 238, theme.scss */
.hw-store-footer__socials {
  display: flex;
  gap: 12px;
  margin-top: 28px; }

/* line 239, theme.scss */
.hw-store-footer__socials a {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #fff;
  transition: color .2s ease,border-color .2s ease; }

/* line 240, theme.scss */
.hw-store-footer__socials a:hover {
  color: var(--hw-green);
  border-color: var(--hw-green); }

/* line 241, theme.scss */
.hw-store-footer__socials svg {
  width: 20px;
  height: 20px;
  fill: currentColor; }

/* line 242, theme.scss */
.hw-store-footer__nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 80px; }

/* line 243, theme.scss */
.hw-store-footer__column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px; }

/* line 244, theme.scss */
.hw-store-footer__column h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3; }

/* line 245, theme.scss */
.hw-store-footer__column a, .hw-store-footer__column > span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #d0d0d0;
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s ease; }

/* line 246, theme.scss */
.hw-store-footer__column a:hover {
  color: var(--hw-green); }

/* line 247, theme.scss */
.hw-store-footer__column svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  fill: #fff; }

/* line 248, theme.scss */
.hw-store-footer__legal {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  text-align: left; }

/* line 249, theme.scss */
.hw-store-footer__legal p {
  margin: 0; }

/* line 250, theme.scss */
.hw-store-footer__copyright {
  margin-bottom: 12px;
  color: #bdbdbd;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5; }

/* line 251, theme.scss */
.hw-store-footer__company {
  color: #bdbdbd;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5; }

/* line 252, theme.scss */
.hw-store-footer__legal .hw-store-footer__tax-id {
  margin-top: 5px;
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5; }

@media (max-width: 1200px) {
  /* line 253, theme.scss */
  .hw-store-footer__main, .hw-store-footer__nav {
    gap: 40px; } }
@media (max-width: 992px) {
  /* line 254, theme.scss */
  .hw-store-footer {
    padding: 50px 0 40px; }

  /* line 254, theme.scss */
  .hw-store-footer__container {
    width: calc(100% - 32px); }

  /* line 254, theme.scss */
  .hw-store-footer__main {
    grid-template-columns: 1fr;
    gap: 48px; }

  /* line 254, theme.scss */
  .hw-store-footer__nav {
    grid-template-columns: 1fr;
    gap: 38px; }

  /* line 254, theme.scss */
  .hw-store-footer__logo {
    width: min(210px, 100%);
    margin-bottom: 28px; }

  /* line 254, theme.scss */
  .hw-store-footer__column {
    gap: 14px; }

  /* line 254, theme.scss */
  .hw-store-footer__column h3 {
    margin-bottom: 6px; } }
@media (max-width: 480px) {
  /* line 255, theme.scss */
  .hw-store-footer__contacts a, .hw-store-footer__contacts > div, .hw-store-footer__column a, .hw-store-footer__column > span {
    font-size: 15px; } }
@media (max-width: 1024px) {
  /* line 256, theme.scss */
  .hw-hero {
    grid-template-columns: 1fr;
    padding: 50px; }

  /* line 256, theme.scss */
  .hw-hero__visual {
    min-height: 370px; }

  /* line 256, theme.scss */
  .hw-categories, .hw-benefits {
    grid-template-columns: repeat(2, 1fr); }

  /* line 256, theme.scss */
  .hw-benefits article:nth-child(2) {
    border-right: 0; }

  /* line 256, theme.scss */
  .hw-about, .hw-faq {
    grid-template-columns: 1fr;
    gap: 40px; }

  /* line 256, theme.scss */
  .hw-footer__grid {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) {
  /* line 257, theme.scss */
  .hw-shell {
    width: min(100% - 28px, 1320px); }

  /* line 257, theme.scss */
  .hw-section {
    padding: 62px 0; }

  /* line 257, theme.scss */
  .hw-heading {
    align-items: start;
    flex-direction: column;
    margin-bottom: 26px; }

  /* line 257, theme.scss */
  .hw-hero {
    width: calc(100% - 20px);
    min-height: auto;
    margin-top: 10px;
    padding: 38px 22px 24px;
    border-radius: 20px;
    gap: 22px; }

  /* line 257, theme.scss */
  .hw-hero h1 {
    font-size: 48px; }

  /* line 257, theme.scss */
  .hw-hero__content > p {
    font-size: 16px; }

  /* line 257, theme.scss */
  .hw-hero__trust {
    gap: 10px;
    flex-direction: column; }

  /* line 257, theme.scss */
  .hw-hero__visual {
    min-height: 310px;
    border-radius: 17px; }

  /* line 257, theme.scss */
  .hw-hero3d__orb--one {
    width: 230px;
    height: 230px; }

  /* line 257, theme.scss */
  .hw-hero3d__orb--two {
    width: 300px;
    height: 300px; }

  /* line 257, theme.scss */
  .hw-hero3d__label--side {
    display: none; }

  /* line 257, theme.scss */
  .hw-status {
    right: 14px;
    bottom: 14px;
    padding: 9px 11px; }

  /* line 257, theme.scss */
  .hw-camera {
    width: 210px;
    height: 135px; }

  /* line 257, theme.scss */
  .hw-camera:before {
    left: 58px; }

  /* line 257, theme.scss */
  .hw-categories, .hw-benefits, .hw-grid-3, .hw-footer__grid {
    grid-template-columns: 1fr; }

  /* line 257, theme.scss */
  .hw-category__image {
    height: 220px; }

  /* line 257, theme.scss */
  .hw-benefits article {
    border-right: 0;
    border-bottom: 1px solid var(--hw-line); }

  /* line 257, theme.scss */
  .hw-about {
    padding-top: 70px;
    padding-bottom: 70px; }

  /* line 257, theme.scss */
  .hw-cta {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 60px;
    padding: 35px 25px; }

  /* line 257, theme.scss */
  .hw-b24-modal {
    padding: 12px; }

  /* line 257, theme.scss */
  .hw-b24-modal__dialog {
    width: 100%;
    max-height: 90vh;
    border-radius: 12px; }

  /* line 257, theme.scss */
  .hw-b24-modal__body {
    max-height: 90vh; }

  /* line 257, theme.scss */
  .hw-footer__grid {
    gap: 38px; }

  /* line 257, theme.scss */
  .hw-footer__bottom {
    align-items: flex-start;
    flex-direction: column; } }
@media (prefers-reduced-motion: reduce) {
  /* line 258, theme.scss */
  .hw-hero, .hw-hero:before, .hw-hero__visual {
    transition: none; }

  /* line 258, theme.scss */
  .hw-hero--animate .hw-hero__content > *, .hw-hero--animate.is-ready .hw-hero__content > * {
    opacity: 1;
    transform: none;
    transition: none; }

  /* line 258, theme.scss */
  .hw-scan, .hw-camera span {
    animation: none; }

  /* line 258, theme.scss */
  .hw-hero .hw-btn {
    transition: none; } }
@media (max-width: 700px) {
  /* line 259, theme.scss */
  .hw-decor-word {
    font-size: 72px; }

  /* line 259, theme.scss */
  .hw-tech-tags--hero {
    right: 22px;
    top: 18px; }

  /* line 259, theme.scss */
  .hw-decor-word--hero {
    right: -8px;
    bottom: 8px; }

  /* line 259, theme.scss */
  .hw-decor-word--catalog {
    right: -8px;
    top: 42px; }

  /* line 259, theme.scss */
  .hw-decor-word--products {
    left: 20%;
    top: 60px; }

  /* line 259, theme.scss */
  .hw-decor-word--faq {
    display: none; }

  /* line 259, theme.scss */
  .hw-system-ready {
    position: static;
    margin: -8px 0 22px; }

  /* line 259, theme.scss */
  .hw-reasons article {
    min-height: 230px; }

  /* line 259, theme.scss */
  .hw-decor-word--cta {
    right: -6px;
    bottom: 8px;
    font-size: 72px; } }
/* Hikvision modular FAQ */
/* line 262, theme.scss */
.hv-faq {
  position: relative;
  box-sizing: border-box;
  padding: 64px;
  border: 1px solid #e5e5e7;
  border-radius: 32px;
  background: #f4f4f5;
  overflow: hidden;
  isolation: isolate; }

/* line 263, theme.scss */
.hv-faq:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -10%;
  right: -10%;
  top: 43%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(227, 6, 19, 0.16), rgba(20, 20, 20, 0.08), transparent);
  transform: rotate(-7deg);
  pointer-events: none; }

/* line 264, theme.scss */
.hv-faq__watermark {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 42%;
  color: rgba(10, 10, 11, 0.04);
  font-size: clamp(300px, 36vw, 500px);
  font-weight: 900;
  line-height: .72;
  letter-spacing: -.14em;
  transform: translate(-52%, -50%) rotate(-7deg);
  white-space: nowrap;
  pointer-events: none;
  user-select: none; }

/* line 265, theme.scss */
.hv-faq__header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 40px; }

/* line 266, theme.scss */
.hv-faq__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e30613;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase; }

/* line 267, theme.scss */
.hv-faq__eyebrow:before {
  content: "";
  width: 22px;
  height: 2px;
  background: #e30613; }

/* line 268, theme.scss */
.hv-faq__header h2 {
  margin: 20px 0 0;
  color: #111;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .91;
  letter-spacing: -.065em; }

/* line 269, theme.scss */
.hv-faq__header h2 em {
  color: #e30613;
  font-style: normal; }

/* line 270, theme.scss */
.hv-faq__lead {
  display: grid;
  gap: 22px;
  align-self: end;
  padding-bottom: 5px; }

/* line 271, theme.scss */
.hv-faq__lead p {
  max-width: 560px;
  margin: 0;
  color: #5e5e62;
  font-size: 16px;
  line-height: 1.65; }

/* line 272, theme.scss */
.hv-faq__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }

/* line 273, theme.scss */
.hv-faq__tags span {
  padding: 8px 11px;
  border: 1px solid #d6d6d8;
  border-radius: 7px;
  color: #4c4c50;
  background: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em; }

/* line 274, theme.scss */
.hv-faq__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px; }

/* line 275, theme.scss */
.hv-faq__card {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 30px;
  grid-template-rows: auto 1fr;
  column-gap: 18px;
  row-gap: 9px;
  align-items: start;
  height: 176px;
  padding: 24px;
  border: 1px solid #dedee0;
  border-radius: 18px;
  color: #19191b;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 28px rgba(25, 25, 25, 0.045);
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease; }

/* line 276, theme.scss */
.hv-faq__card:hover {
  transform: translateY(-3px);
  border-color: #bdbdc1;
  box-shadow: 0 16px 40px rgba(25, 25, 25, 0.09); }

/* line 277, theme.scss */
.hv-faq__card:focus-visible {
  outline: 3px solid rgba(227, 6, 19, 0.28);
  outline-offset: 3px; }

/* line 278, theme.scss */
.hv-faq__card.is-active {
  color: #fff;
  border-color: #171719;
  background: linear-gradient(145deg, #1c1c1f, #080809);
  box-shadow: 0 18px 48px rgba(18, 18, 18, 0.18); }

/* line 279, theme.scss */
.hv-faq__icon {
  grid-column: 1;
  grid-row: 1/3;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 14px;
  color: #56565a;
  background: #ededee;
  transition: color .22s ease,background .22s ease,transform .22s ease; }

/* line 280, theme.scss */
.hv-faq__icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round; }

/* line 281, theme.scss */
.hv-faq__card.is-active .hv-faq__icon {
  color: #fff;
  background: #e30613;
  transform: scale(1.04); }

/* line 282, theme.scss */
.hv-faq__number {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  color: #aaaab0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em; }

/* line 283, theme.scss */
.hv-faq__label {
  grid-column: 2;
  grid-row: 1;
  color: #e30613;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase; }

/* line 284, theme.scss */
.hv-faq__card strong {
  grid-column: 2/4;
  grid-row: 2;
  align-self: start;
  max-width: 470px;
  font-size: 19px;
  line-height: 1.28;
  letter-spacing: -.02em; }

/* line 285, theme.scss */
.hv-faq__card > i {
  position: absolute;
  right: 22px;
  bottom: 20px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f0f0f1;
  transition: transform .22s ease,background .22s ease; }

/* line 286, theme.scss */
.hv-faq__card > i:before, .hv-faq__card > i:after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  top: 11px;
  height: 2px;
  background: #161618; }

/* line 287, theme.scss */
.hv-faq__card > i:after {
  transform: rotate(90deg); }

/* line 288, theme.scss */
.hv-faq__card.is-active > i {
  background: #fff;
  transform: rotate(45deg); }

/* line 289, theme.scss */
.hv-faq__answer-panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  min-height: 196px;
  margin-top: 18px;
  padding: 34px 86px 34px 34px;
  border-radius: 20px;
  color: #fff;
  background: radial-gradient(circle at 92% 20%, rgba(227, 6, 19, 0.2), rgba(0, 0, 0, 0) 28%), #0b0b0c;
  box-shadow: 0 18px 54px rgba(15, 15, 15, 0.15);
  opacity: .2;
  transform: translateY(8px);
  transition: opacity .24s ease-out,transform .24s ease-out;
  overflow: hidden; }

/* line 290, theme.scss */
.hv-faq__answer-panel.is-revealed {
  opacity: 1;
  transform: translateY(0); }

/* line 291, theme.scss */
.hv-faq__answer-index {
  color: #e30613;
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.06em; }

/* line 292, theme.scss */
.hv-faq__answer-panel small {
  display: block;
  margin-bottom: 7px;
  color: #e30613;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase; }

/* line 293, theme.scss */
.hv-faq__answer-panel h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(22px, 2.2vw, 31px);
  line-height: 1.16;
  letter-spacing: -.035em; }

/* line 294, theme.scss */
.hv-faq__answer-text p {
  max-width: 920px;
  margin: 0;
  color: #b8b8bc;
  font-size: 15px;
  line-height: 1.7; }

/* line 295, theme.scss */
.hv-faq__answer-line {
  position: absolute;
  right: 34px;
  top: 34px;
  width: 1px;
  height: calc(100% - 68px);
  background: linear-gradient(180deg, #e30613, rgba(227, 6, 19, 0)); }

/* line 296, theme.scss */
.hv-faq__answer-data {
  display: none; }

@media (max-width: 1024px) {
  /* line 297, theme.scss */
  .hv-faq {
    padding: 42px; }

  /* line 297, theme.scss */
  .hv-faq__header {
    grid-template-columns: 1fr .9fr;
    gap: 36px; }

  /* line 297, theme.scss */
  .hv-faq__header h2 {
    font-size: clamp(42px, 6vw, 62px); }

  /* line 297, theme.scss */
  .hv-faq__grid {
    gap: 14px; }

  /* line 297, theme.scss */
  .hv-faq__card {
    height: 168px;
    padding: 20px;
    grid-template-columns: 46px minmax(0, 1fr) 24px;
    column-gap: 14px; }

  /* line 297, theme.scss */
  .hv-faq__icon {
    width: 46px;
    height: 46px; }

  /* line 297, theme.scss */
  .hv-faq__card strong {
    font-size: 17px; }

  /* line 297, theme.scss */
  .hv-faq__answer-panel {
    padding-right: 64px; } }
@media (max-width: 700px) {
  /* line 298, theme.scss */
  .hv-faq {
    width: min(100% - 28px, 1320px);
    padding: 30px 20px;
    border-radius: 22px; }

  /* line 298, theme.scss */
  .hv-faq__watermark {
    top: 34%;
    font-size: 300px; }

  /* line 298, theme.scss */
  .hv-faq__header {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 28px; }

  /* line 298, theme.scss */
  .hv-faq__header h2 {
    font-size: 42px; }

  /* line 298, theme.scss */
  .hv-faq__lead {
    gap: 16px; }

  /* line 298, theme.scss */
  .hv-faq__lead p {
    font-size: 14px; }

  /* line 298, theme.scss */
  .hv-faq__grid {
    grid-template-columns: 1fr;
    gap: 12px; }

  /* line 298, theme.scss */
  .hv-faq__card {
    height: 148px;
    padding: 18px;
    grid-template-columns: 44px minmax(0, 1fr) 22px;
    column-gap: 13px;
    border-radius: 15px; }

  /* line 298, theme.scss */
  .hv-faq__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px; }

  /* line 298, theme.scss */
  .hv-faq__card strong {
    font-size: 16px; }

  /* line 298, theme.scss */
  .hv-faq__card > i {
    right: 17px;
    bottom: 16px; }

  /* line 298, theme.scss */
  .hv-faq__answer-panel {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0;
    padding: 26px 34px 28px 24px;
    border-radius: 16px; }

  /* line 298, theme.scss */
  .hv-faq__answer-index {
    font-size: 32px; }

  /* line 298, theme.scss */
  .hv-faq__answer-panel h3 {
    font-size: 22px; }

  /* line 298, theme.scss */
  .hv-faq__answer-text p {
    font-size: 14px; }

  /* line 298, theme.scss */
  .hv-faq__answer-line {
    right: 18px;
    top: 24px;
    height: calc(100% - 48px); } }
@media (prefers-reduced-motion: reduce) {
  /* line 299, theme.scss */
  .hv-faq__card, .hv-faq__icon, .hv-faq__card > i, .hv-faq__answer-panel {
    transition: none; }

  /* line 299, theme.scss */
  .hv-faq__card:hover {
    transform: none; } }
/* Hikvision fullscreen 404 */
/* line 302, theme.scss */
body[data-theme-template="page_404"] {
  background: #111; }

/* line 303, theme.scss */
body[data-theme-template="page_404"] .page_layout > header,
body[data-theme-template="page_404"] .page_layout > footer,
body[data-theme-template="page_404"] .outside-widgets,
body[data-theme-template="page_404"] [data-fixed-panels] {
  display: none; }

/* line 307, theme.scss */
body[data-theme-template="page_404"] .page_layout,
body[data-theme-template="page_404"] .page_layout > main {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0; }

/* line 309, theme.scss */
.hw-404 {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 660px;
  color: #fff;
  background: #171717;
  overflow: hidden;
  font-family: Inter,system-ui,sans-serif;
  isolation: isolate; }

/* line 310, theme.scss */
.hw-404__media {
  position: absolute;
  inset: 0;
  z-index: -4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.72) contrast(1.08); }

/* line 311, theme.scss */
.hw-404__scrim {
  position: absolute;
  inset: 0;
  z-index: -3;
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.72) 48%, rgba(8, 8, 8, 0.52) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.72), transparent 48%); }

/* line 312, theme.scss */
.hw-404__grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .14;
  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, #000, transparent 76%); }

/* line 313, theme.scss */
.hw-404:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 46vw;
  height: 46vw;
  min-width: 520px;
  min-height: 520px;
  right: -12vw;
  top: 11%;
  border: 1px solid rgba(215, 24, 32, 0.24);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(215, 24, 32, 0.035), 0 0 0 160px rgba(255, 255, 255, 0.018);
  animation: hw-404-pulse 6s ease-in-out infinite; }

/* line 314, theme.scss */
.hw-404:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent, rgba(215, 24, 32, 0.56), transparent);
  opacity: .5;
  animation: hw-404-scan 7s linear infinite; }

/* line 315, theme.scss */
.hw-404__layer {
  position: relative;
  z-index: 10;
  display: flex;
  height: 100%;
  flex-direction: column; }

/* line 316, theme.scss */
.hw-404__nav {
  display: flex;
  min-height: 88px;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: 20px 6vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/* line 317, theme.scss */
.hw-404__logo {
  display: block;
  flex: none;
  width: 190px;
  text-decoration: none; }

/* line 318, theme.scss */
.hw-404__logo img {
  display: block;
  width: 100%;
  height: auto; }

/* line 319, theme.scss */
.hw-404__desktop-links {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-right: auto; }

/* line 320, theme.scss */
.hw-404__desktop-links a, .hw-404__contact-link {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s ease; }

/* line 321, theme.scss */
.hw-404__desktop-links a:hover, .hw-404__contact-link:hover {
  color: #fff; }

/* line 322, theme.scss */
.hw-404__nav-actions {
  display: flex;
  align-items: center;
  gap: 22px; }

/* line 323, theme.scss */
.hw-404__nav-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0 22px;
  border-radius: 999px;
  color: #111;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s ease,transform .2s ease; }

/* line 324, theme.scss */
.hw-404__nav-button:hover {
  background: #f1f1f1;
  transform: translateY(-1px); }

/* line 325, theme.scss */
.hw-404__menu-button {
  display: none;
  width: 48px;
  height: 48px;
  padding: 13px 10px;
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer; }

/* line 326, theme.scss */
.hw-404__menu-button span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px auto;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1); }

/* line 327, theme.scss */
.hw-404__menu-button span:nth-child(2) {
  width: 16px; }

/* line 328, theme.scss */
.hw-404__content {
  display: flex;
  max-width: 980px;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 6vw 64px; }

/* line 329, theme.scss */
.hw-404__status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em; }

/* line 330, theme.scss */
.hw-404__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hw-green);
  box-shadow: 0 0 0 5px rgba(215, 24, 32, 0.12), 0 0 18px var(--hw-green);
  animation: hw-404-blink 1.6s ease-in-out infinite; }

/* line 331, theme.scss */
.hw-404 h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-family: "Instrument Serif",serif;
  font-size: clamp(64px, 9vw, 148px);
  font-weight: 400;
  line-height: .8;
  letter-spacing: -.045em; }

/* line 332, theme.scss */
.hw-404 h1 span {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.22);
  font-family: Inter,system-ui,sans-serif;
  font-size: .25em;
  font-weight: 500;
  letter-spacing: .26em; }

/* line 333, theme.scss */
.hw-404 h1 em {
  color: var(--hw-green);
  font-weight: 400; }

/* line 334, theme.scss */
.hw-404__content > p {
  max-width: 620px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 300;
  line-height: 1.7; }

/* line 335, theme.scss */
.hw-404__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px; }

/* line 336, theme.scss */
.hw-404__button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }

/* line 337, theme.scss */
.hw-404__button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease; }

/* line 338, theme.scss */
.hw-404__button--primary {
  color: #111;
  background: #fff; }

/* line 339, theme.scss */
.hw-404__button--primary:hover {
  color: #111;
  background: #f1f1f1;
  transform: translateY(-2px); }

/* line 340, theme.scss */
.hw-404__button--primary:hover svg {
  transform: translateX(3px); }

/* line 341, theme.scss */
.hw-404__button--secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px); }

/* line 342, theme.scss */
.hw-404__button--secondary:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.58);
  background: rgba(255, 255, 255, 0.1); }

/* line 343, theme.scss */
.hw-404__bottom {
  display: flex;
  justify-content: space-between;
  padding: 20px 6vw;
  color: rgba(255, 255, 255, 0.38);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .2em; }

/* line 344, theme.scss */
.hw-404-menu {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  padding: 20px 24px 28px;
  background: rgba(8, 8, 8, 0.94);
  backdrop-filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.7s cubic-bezier(0.76, 0, 0.24, 1); }

/* line 345, theme.scss */
.hw-404-menu.is-open {
  opacity: 1;
  visibility: visible; }

/* line 346, theme.scss */
.hw-404-menu__header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between; }

/* line 347, theme.scss */
.hw-404-menu__close {
  position: relative;
  width: 48px;
  height: 48px;
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer; }

/* line 348, theme.scss */
.hw-404-menu__close span {
  position: absolute;
  left: 12px;
  top: 23px;
  width: 24px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg); }

/* line 349, theme.scss */
.hw-404-menu__close span:last-child {
  transform: rotate(-45deg); }

/* line 350, theme.scss */
.hw-404-menu__links {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center; }

/* line 351, theme.scss */
.hw-404-menu__links a {
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: "Instrument Serif",serif;
  font-size: clamp(38px, 11vw, 52px);
  line-height: 1;
  text-decoration: none;
  opacity: 0;
  transform: translateY(32px);
  transition: padding 0.25s ease, opacity 0.7s cubic-bezier(0.76, 0, 0.24, 1), transform 0.7s cubic-bezier(0.76, 0, 0.24, 1); }

/* line 352, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a {
  opacity: 1;
  transform: translateY(0); }

/* line 353, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a:nth-child(1) {
  transition-delay: .15s; }

/* line 354, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a:nth-child(2) {
  transition-delay: .23s; }

/* line 355, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a:nth-child(3) {
  transition-delay: .31s; }

/* line 356, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a:nth-child(4) {
  transition-delay: .39s; }

/* line 357, theme.scss */
.hw-404-menu.is-open .hw-404-menu__links a:nth-child(5) {
  transition-delay: .47s; }

/* line 358, theme.scss */
.hw-404-menu__links a:hover {
  padding-left: 16px; }

/* line 359, theme.scss */
.hw-404-menu__cta {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #111;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.7s 0.55s cubic-bezier(0.76, 0, 0.24, 1), transform 0.7s 0.55s cubic-bezier(0.76, 0, 0.24, 1); }

/* line 360, theme.scss */
.hw-404-menu.is-open .hw-404-menu__cta {
  opacity: 1;
  transform: translateY(0); }

/* line 361, theme.scss */
.hw-404 a:focus-visible, .hw-404 button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px; }

/* line 362, theme.scss */
.hw-404-menu-open {
  overflow: hidden; }

@keyframes hw-404-pulse {
  50% {
    transform: scale(0.92);
    opacity: .55; } }
@keyframes hw-404-scan {
  from {
    transform: translateX(-48vw); }
  to {
    transform: translateX(48vw); } }
@keyframes hw-404-blink {
  50% {
    opacity: .35; } }
@media (max-width: 900px) {
  /* line 367, theme.scss */
  .hw-404 {
    min-height: 620px; }

  /* line 368, theme.scss */
  .hw-404__nav {
    min-height: 76px;
    padding: 14px 24px; }

  /* line 369, theme.scss */
  .hw-404__desktop-links, .hw-404__contact-link, .hw-404__nav-button {
    display: none; }

  /* line 370, theme.scss */
  .hw-404__media {
    object-position: 68% center; }

  /* line 371, theme.scss */
  .hw-404__nav-actions {
    margin-left: auto; }

  /* line 372, theme.scss */
  .hw-404__menu-button, .hw-404-menu {
    display: block; }

  /* line 373, theme.scss */
  .hw-404__content {
    justify-content: flex-start;
    padding: 10vh 24px 36px; }

  /* line 374, theme.scss */
  .hw-404 h1 {
    font-size: clamp(58px, 19vw, 96px); }

  /* line 375, theme.scss */
  .hw-404__bottom {
    padding: 16px 24px; }

  /* line 376, theme.scss */
  .hw-404__bottom span:last-child {
    display: none; } }
@media (max-width: 480px) {
  /* line 379, theme.scss */
  .hw-404__content {
    padding-top: 8vh; }

  /* line 380, theme.scss */
  .hw-404__actions {
    width: 100%;
    flex-direction: column; }

  /* line 381, theme.scss */
  .hw-404__button {
    width: 100%; }

  /* line 382, theme.scss */
  .hw-404__content > p {
    font-size: 15px; } }
@media (prefers-reduced-motion: reduce) {
  /* line 385, theme.scss */
  .hw-404:before, .hw-404:after, .hw-404__status i {
    animation: none; }

  /* line 386, theme.scss */
  .hw-404-menu, .hw-404-menu__links a, .hw-404-menu__cta {
    transition-duration: .01ms;
    transition-delay: 0ms; } }
/* Hikvision hero v2: isolated product depth and pointer-linked digital scene */
/* line 390, theme.scss */
.hv-hero {
  --hv-light-x:50%;
  --hv-light-y:50%; }

/* line 391, theme.scss */
.hv-hero__body {
  grid-template-columns: minmax(0, 43%) minmax(0, 57%);
  gap: clamp(38px, 4vw, 70px); }

/* line 392, theme.scss */
.hv-hero__content {
  position: relative;
  z-index: 8;
  transform: translateY(-52px); }

/* line 393, theme.scss */
.hv-hero__content:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -44px -74px -38px -28px;
  background: radial-gradient(ellipse at 26% 62%, rgba(2, 2, 2, 0.98) 0%, rgba(2, 2, 2, 0.88) 42%, rgba(2, 2, 2, 0.48) 66%, rgba(0, 0, 0, 0) 78%);
  pointer-events: none; }

/* line 394, theme.scss */
.hv-hero__scene {
  z-index: 3;
  perspective: 1100px;
  transform-style: preserve-3d; }

/* line 395, theme.scss */
.hv-hero__scene:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 4%;
  right: -8%;
  bottom: -11%;
  height: 46%;
  background-image: linear-gradient(rgba(215, 24, 32, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(215, 24, 32, 0.16) 1px, transparent 1px);
  background-size: 34px 26px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  transform: perspective(420px) rotateX(64deg) translate3d(var(--hv-grid-x), var(--hv-grid-y), 0);
  transform-origin: 50% 100%;
  opacity: .46;
  pointer-events: none; }

/* line 396, theme.scss */
.hv-hero__product {
  inset: auto;
  left: 50%;
  top: 51%;
  z-index: 3;
  width: clamp(620px, 54vw, 780px);
  max-width: none;
  overflow: visible;
  mask-image: none;
  transform: translate3d(-50%, -50%, 70px) rotateX(var(--hv-product-rx)) rotateY(var(--hv-product-ry));
  transform-origin: 50% 50%;
  transition: none;
  filter: drop-shadow(0 40px 34px rgba(0, 0, 0, 0.52)) drop-shadow(0 0 24px rgba(215, 24, 32, 0.08));
  will-change: transform; }

/* line 397, theme.scss */
.hv-hero__product img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(1.04) contrast(1.04) saturate(0.98);
  animation: none; }

/* line 398, theme.scss */
.hv-hero__hologram {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 51%;
  width: clamp(360px, 34vw, 480px);
  aspect-ratio: 1;
  transform: translate3d(calc(-50% + var(--hv-grid-x)), calc(-50% + var(--hv-grid-y)), 28px) rotateX(var(--hv-product-rx)) rotateY(var(--hv-product-ry));
  transform-style: preserve-3d;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none; }

/* line 399, theme.scss */
.hv-hero__hologram:before {
  content: "";
  position: absolute;
  inset: -18%;
  border-radius: 50%;
  background: radial-gradient(circle at var(--hv-light-x) var(--hv-light-y), rgba(215, 24, 32, 0.2), rgba(0, 0, 0, 0) 34%), repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0.09) 0 1deg, transparent 1deg 18deg);
  mask-image: radial-gradient(circle, rgba(0, 0, 0, 0) 0% 54%, #000000 55% 56%, rgba(0, 0, 0, 0) 57% 69%, #000000 70% 70.5%, rgba(0, 0, 0, 0) 71%);
  animation: hv-holo-spin 26s linear infinite; }

/* line 400, theme.scss */
.hv-hero__hologram i {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(215, 24, 32, 0.22);
  border-radius: 50%;
  transform-style: preserve-3d; }

/* line 401, theme.scss */
.hv-hero__hologram i:nth-child(1) {
  width: 100%;
  height: 36%;
  transform: translate(-50%, -50%) rotateX(68deg); }

/* line 402, theme.scss */
.hv-hero__hologram i:nth-child(2) {
  width: 82%;
  height: 82%;
  transform: translate(-50%, -50%) rotateY(72deg);
  border-color: rgba(255, 255, 255, 0.12); }

/* line 403, theme.scss */
.hv-hero__hologram i:nth-child(3) {
  width: 62%;
  height: 62%;
  transform: translate(-50%, -50%) rotateX(76deg) rotateZ(24deg);
  border-style: dashed;
  animation: hv-holo-pulse 3.4s ease-in-out infinite; }

@keyframes hv-camera-float {
  0%,100% {
    transform: translateY(0) scale(1); }
  50% {
    transform: translateY(-7px) scale(1.008); } }
@keyframes hv-holo-spin {
  to {
    transform: rotate(360deg); } }
@keyframes hv-holo-pulse {
  50% {
    opacity: .34;
    transform: translate(-50%, -50%) rotateX(76deg) rotateZ(34deg) scale(0.92); } }
/* line 407, theme.scss */
.hv-hero.is-paused .hv-hero__product img, .hv-hero.is-paused .hv-hero__hologram:before, .hv-hero.is-paused .hv-hero__hologram i {
  animation-play-state: paused; }

@media (max-width: 1200px) {
  /* line 409, theme.scss */
  .hv-hero__body {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    gap: 34px; }

  /* line 410, theme.scss */
  .hv-hero__content {
    transform: translateY(-40px); }

  /* line 411, theme.scss */
  .hv-hero__product {
    left: 50%;
    width: clamp(560px, 54vw, 740px); }

  /* line 412, theme.scss */
  .hv-hero__hologram {
    left: 50%; } }
@media (max-width: 767px) {
  /* line 415, theme.scss */
  .hv-hero__scene {
    min-height: 390px; }

  /* line 416, theme.scss */
  .hv-hero__content {
    transform: none; }

  /* line 417, theme.scss */
  .hv-hero__content:after {
    inset: -28px -20px;
    background: linear-gradient(180deg, transparent, rgba(5, 5, 5, 0.82) 18%, #050505 52%); }

  /* line 418, theme.scss */
  .hv-hero__product {
    left: 50%;
    top: 48%;
    width: min(136vw, 540px);
    max-width: none;
    transform: translate3d(-50%, -50%, 30px);
    filter: drop-shadow(0 28px 24px rgba(0, 0, 0, 0.46)); }

  /* line 419, theme.scss */
  .hv-hero__product img {
    animation: none; }

  /* line 420, theme.scss */
  .hv-hero__hologram {
    left: 50%;
    top: 49%;
    width: min(82vw, 360px);
    transform: translate3d(-50%, -50%, 12px); } }
@media (prefers-reduced-motion: reduce) {
  /* line 423, theme.scss */
  .hv-hero__product {
    transform: translate3d(-50%, -50%, 70px);
    transition: none; }

  /* line 424, theme.scss */
  .hv-hero__product img, .hv-hero__hologram:before, .hv-hero__hologram i {
    animation: none; } }