.landing{ background-color: #000000; }
/*#control-resonant .shop-apr .shop-preference ul.services h3, .title-2, h2 {color: #fff;}
#control-resonant.title-1, h1 { color: #969696;}*/
#control-resonant, #control-resonant * { box-sizing: border-box; }
#control-resonant { --green:#76b900; --dark:#111; width:100%; max-width:1500px; margin:0 auto; overflow:hidden; background:#000; color:#fff; font-family:Arial,Helvetica,sans-serif; line-height:1.45; }
#control-resonant img { display:block; width:100%; height:auto; }
#control-resonant a { color:inherit; }
#control-resonant .cr-hero-link { display:block; text-decoration:none; }
#control-resonant .cr-hero { display:block; }
#control-resonant .cr-hero-mobile { display:none; }
#control-resonant .cr-intro .cr-hero-mobile__copy { display:none; }
#control-resonant .cr-intro { padding:10px 9% 46px; text-align:center; font-size:16px; }
#control-resonant .cr-intro p { max-width:1140px; margin:0 auto 20px; }
#control-resonant .cr-offer-note { font-size:12px; color:#aaa; }
#control-resonant .cr-video-section { padding:78px 8% 82px; background:var(--dark); text-align:center; }
#control-resonant .cr-video-section h1 { margin:0 0 55px; width:90%; margin:0 auto 28px; font-size:27px; line-height:1.4; color: #fff;font-weight: 700; text-transform: none;}
#control-resonant .cr-video-section p { margin:24px 0 0; font-size:15px; }
#control-resonant .cr-video { position:relative; width:min(760px,100%); margin:auto; aspect-ratio:16/9; overflow:hidden; background:#050505; }
#control-resonant .cr-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
#control-resonant .cr-feature { display:block; }
#control-resonant .code{margin: 0 auto; background-color: red;max-width: 100%;text-transform: uppercase; font-weight: bolder;color: #ffffff; font-size: 30px; line-height:35px; text-align: center;padding: 25px; display: block; border-radius: 8px; }
#control-resonant .cr-products { padding:20px 9% 94px; text-align:center; }
#control-resonant .cr-products h2 { margin:0 0 60px; font-size:27px;width:90%; margin:0 auto 28px;  line-height:1.4; color: #fff; font-weight: 700;text-transform: none; }
#control-resonant .cr-products__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:54px; max-width:1050px; margin:auto; }
#control-resonant .cr-product { display:flex; flex-direction:column; align-items:center; min-width:0; text-decoration:none; }
#control-resonant .cr-product__visual { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:430/340; margin-bottom:24px; overflow:hidden; }
#control-resonant .cr-product__visual img { width:100%; height:100%; object-fit:contain; transform:scale(.95); transition:transform .3s ease; }
#control-resonant .cr-product:hover .cr-product__visual img, #control-resonant .cr-product:focus-visible .cr-product__visual img { transform:scale(1); }
#control-resonant .cr-button { display:inline-block; padding:11px 18px; border:0; background:var(--green); color:#080808; font-size:18px; font-weight:700; line-height:1; text-decoration:none; transition:background .2s ease,transform .2s ease; }
#control-resonant a:hover .cr-button, #control-resonant .cr-button:hover { background:#8bd500; transform:translateY(-1px); }
#control-resonant .cr-footer { margin:0 20px; padding:57px 0 68px; color:#999; text-align:center; font-size:12px; }
#control-resonant .cr-footer p { max-width:1080px; margin:20px auto 0; }
#control-resonant .cr-footer img{margin: 0 auto;}

@media (max-width:700px) {
  #control-resonant { width:100%; }
  #control-resonant .cr-hero--desktop { display:none; }
  #control-resonant .cr-hero-link { display:none; }
  #control-resonant .cr-intro .cr-hero-mobile__copy { display:block; }
  #control-resonant .cr-hero-mobile { display:block; }
  #control-resonant .cr-hero-mobile__art { width:100%; }
  #control-resonant .cr-hero-mobile__copy { position:relative; margin-top: 50px; }
  #control-resonant .cr-hero-mobile__copy > img { width:100%; }
  #control-resonant .cr-hero-mobile__button { position:absolute;  bottom:14.5%; margin:0; font-size:12px; padding:9px 12px; }
  #control-resonant .cr-small { position:absolute; margin:0; color:#aaa; font-size:12px; line-height:1.5; }
  #control-resonant .cr-small a { color:var(--green); text-decoration:none; }
  #control-resonant .cr-intro { text-align:left; font-size:16px; line-height:1.55; }
  #control-resonant .cr-intro p { margin-bottom:12px; margin-top: 20px;}
  #control-resonant .cr-offer-note { font-size:12px; line-height:1.4; }
  #control-resonant .cr-video-section { padding:46px 0 0; }
  #control-resonant .cr-video-section h1 { width:90%; margin:0 auto 28px; font-size:25px; line-height:1.4; color: #fff; font-weight: 700; text-transform: none; }
  #control-resonant .cr-video-section p { padding:0 9% 33px; margin:15px 0 0; font-size:11px; }
  #control-resonant .cr-products { padding:5px 0 52px; }
  #control-resonant .cr-products h2 { width:90%; margin:0 auto 28px; font-size:25px; line-height:1.4; color: #fff; text-transform: none; }
  #control-resonant .cr-products__grid { display:flex; flex-direction:column; gap:70px; }
  #control-resonant .cr-product__visual { width:min(86%,430px); margin-bottom:20px; }
  #control-resonant .cr-product__name, #control-resonant .cr-product__range { font-size:13px; }
  #control-resonant .cr-button { padding:10px 14px; font-size:16px; }
  #control-resonant .cr-footer { margin:0 20px; padding:38px 0 54px; font-size:14px; line-height:1.45; }
  #control-resonant .code {font-size: 20px; line-height: 25px}
  #control-resonant .cr-logos { gap:18px; margin-bottom:31px; }
}