/*
________________________________________________________________________________
landingpage
*/
.ux_landingpage .ux_striking {font-size:27px;}
.ux_landingpage #landingpage_app_nav a:hover {text-decoration:none !important;}

.ux_landingpage .ux_claim {font-size: 78px; line-height: 73px;}
.ux_landingpage .ux_infobar {background:var(--brand); font-size:14px; letter-spacing:1px; padding:10px; text-align: center; color:#fff;}
.ux_landingpage #landingpage_app_nav {background:rgba(255,255,255,.92); backdrop-filter: blur(10px); position: sticky; top:0; border-bottom:solid 1px var(--border); height: 90px; padding-right: 100px; z-index: 90;}
.ux_landingpage .ux_menu_list, .ux_landingpage .ux_menu_list li {height:90px;}
.ux_landingpage .short_info {height:90px; display:block; margin:0; padding:20px 0;}
.ux_landingpage .ux_menu_list_btn {margin:0 0 0 20px; padding:20px 0;}

.ux_landingpage #app_header,
.ux_landingpage .animate_grid,
.ux_landingpage .animate_grid_left,
.ux_landingpage .animate_grid_right {height:auto;}

.ux_landingpage .animate_grid.active_left .animate_grid_left .btn {background:var(--brand) !important; color:#fff !important;}
.ux_landingpage .ux_shadow-pulse_hover:hover {box-shadow:0 0 8px rgba(139,23,28,.5); animation: pulsered-brand 5s infinite;}
@-webkit-keyframes pulsered-brand {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(139,23,28,.3);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(139,23,28,.0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(139,23,28,.0);
  }
}


.ux_landingpage .hero-actions {display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;}
.ux_landingpage .final .hero-actions {justify-content:center;}
/* ---------- Products ---------- */
  .ux_landingpage .prod-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
  .ux_landingpage .prod-card {padding:1.8rem;display:flex;gap:1.4rem;align-items:flex-start;}
  .ux_landingpage .prod-thumb {flex:0 0 128px;width:128px;height:128px;border-radius:50%;overflow:hidden;background:#fff;}
  .ux_landingpage .prod-thumb img {width:100%;height:100%;object-fit:cover}
  .ux_landingpage .prod-tag {display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:rgba(138,23,28,.08);padding:.28rem .7rem;border-radius:999px;margin-bottom:.55rem;}
  .ux_landingpage .prod-card .h3 {font-size:1.5rem;font-weight:700;margin-bottom:.15rem;}
  .ux_landingpage .prod-card .sub {font-weight:700;color:var(--ink);font-size:.98rem;margin-bottom:.5rem;}
  .ux_landingpage .prod-card p {font-size:.98rem;}

 /* ---------- Steps ---------- */
  .ux_landingpage .steps-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
  .ux_landingpage .step {background:#fff; padding:2rem 1.7rem;}
  .ux_landingpage .step .h3, .card .h3 {font-size:1.25rem;font-weight:700;margin-bottom:.15rem;}
  .ux_landingpage .step .n {font-weight:800;font-size:1.15rem;color:#fff;background:var(--brand);width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;margin-bottom:1.1rem;}

/* ---------- Info / contact ---------- */
  .ux_landingpage .info-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
  .ux_landingpage .card{ background:#fff; border:none; padding:2.1rem;}
  .ux_landingpage .date-line {display:flex;align-items:baseline;gap:.8rem;padding:.9rem 0;border-bottom:1px dashed var(--border);}
  .ux_landingpage .date-line:last-child {border-bottom:0;}
  .ux_landingpage .date-line .d {font-weight:800;color:var(--brand);font-size:1.15rem;min-width:5.4rem;}
  .ux_landingpage .contact-list {list-style:none;display:grid;gap:.55rem;font-size:1.02rem;}
  .ux_landingpage .contact-list li {display:flex;gap:.7rem;}
  .ux_landingpage .contact-list .lab {font-weight:800;min-width:70px;}
  .ux_landingpage .contact-list a {color:var(--brand);font-weight:700;}
  .ux_landingpage .card .addr {font-style:normal;font-size:1.05rem;color:var(--brand);font-weight:600;margin-bottom:1.1rem;}


/*
________________________________________________________________________________
responsive design
*/
@media (max-height: 880px) {
  
  }
@media (max-width: 1200px) {

  }
@media (min-width: 1091px) {
  .ux_landingpage .animate_grid_left, .ux_landingpage .animate_grid_right {padding-top:150px !important; padding-bottom:150px !important;}
  .ux_landingpage .animate_grid_right {position:absolute; right:0; height:100%;}
  /*
  .ux_landingpage .animate_grid_left,
  .ux_landingpage .animate_grid_right {width:50% !important; padding:150px 50px 150px 100px !important;}
  .ux_landingpage .animate_grid_right {height:100% !important; padding:0 !important; position:absolute; right:0;}
  */
  }
@media (max-width: 1090px) {
  .ux_landingpage .animate_grid_left .relative .claim {font-size: 60px; line-height: 60px;}
  .ux_landingpage .animate_grid_left .relative {text-align:center; padding: 50px 50px 250px 50px;}

  .ux_landingpage .h1, .ux_landingpage .h1, .ux_landingpage  small, .ux_landingpage  .small_font {font-size: 37px; line-height: 1.1;}
  .page_info + .page_info {border:none;}
  .ux_landingpage .box {padding-left: 20px; padding-right: 20px;}
  .ux_landingpage h1 .brand_color {color:#fff !important;}

  .ux_landingpage .animate_grid_left.grey_bg {background:none !important;}
  .ux_landingpage #app_header {top: 0;}
  .ux_landingpage #app_header,
  .ux_landingpage .animate_grid,
  .ux_landingpage .animate_grid_left,
  .ux_landingpage .animate_grid_right {height:100vh; min-height:100vh;}

  .ux_landingpage .prod-grid, .ux_landingpage .steps-grid, .ux_landingpage .info-grid {grid-template-columns:1fr;}
  .ux_landingpage .prod-card {display:block; text-align:center;}
  .ux_landingpage .prod-thumb {margin:auto;}
  .ux_landingpage .date-line {display:block;}
  .ux_landingpage .date-line .d {width:100%; display:block;}
  .ux_landingpage .contact-list, .ux_landingpage .contact-list li, .ux_landingpage .contact-list .lab {display:block;}
  .ux_landingpage .contact-list a {display:block; margin-bottom:10px;}

  .ux_landingpage .card, .ux_landingpage .step {padding:30px 20px;}

  }
@media (max-width: 880px) {
  .ux_landingpage #landingpage_app_nav {padding-right:20px;}
  .ux_landingpage .ux_menu_list_btn .btn {padding: 10px 25px 11px 25px; font-size: 15px;}
  

  }
@media (max-width: 650px) {

  }

/* logo */
@media (min-width: 1250px) {
  .ux_landingpage .logo {height:70px; top:10px;}
  }
@media (max-width: 1250px) {
  .ux_landingpage .logo {height:50px; top:23px;}
  }
@media (max-width: 1200px) {
  .ux_landingpage .logo {height:40px; top:28px;}
  }