/* VISIONCART_V240_HOME_BENEFITS_MOBILE_MENU_DYNAMIC_APPS */
.vc239-wide-media{display:block;width:100%;height:clamp(230px,25vw,500px);object-fit:cover;object-position:center}
.vc240-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vc240-benefit-card{border:1px solid #e8edf2;border-radius:20px;background:#fff;padding:0;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.055);transition:transform .2s ease,box-shadow .2s ease;min-height:210px;display:flex;flex-direction:column}
.vc240-benefit-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.11);opacity:1}
.vc240-benefit-media{display:block;width:100%;height:155px;background:#f5f7fa;overflow:hidden}
.vc240-benefit-media img{display:block;width:100%;height:100%;object-fit:cover}
.vc240-benefit-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:24px 22px 4px;background:#e8faf8;color:#008f89;font-size:24px;font-weight:900}
.vc240-benefit-copy{display:block;padding:18px 20px 20px}
.vc240-benefit-copy strong{display:block;color:#0a2540;font-size:16px;line-height:1.25}
.vc240-benefit-copy>span{display:block;color:#64748b;font-size:12px;line-height:1.55;margin-top:7px}
.vc240-benefit-copy em{display:block;color:#008f89;font-size:12px;font-style:normal;font-weight:800;margin-top:12px}

.vc240-footer{background:#08243d;color:#fff;font-family:'DM Sans',sans-serif}
.vc240-footer-inner{width:min(1440px,calc(100% - 64px));margin:0 auto;padding:46px 0 20px}
.vc240-footer-main{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(0,3.3fr);gap:50px}
.vc240-footer-brand{min-width:0}
.vc240-footer-logo{display:block;max-width:150px;max-height:52px;object-fit:contain;margin-bottom:13px}
.vc240-footer-name{display:block;font-size:20px;line-height:1.3;margin-bottom:13px}
.vc240-footer-tagline{text-transform:uppercase;letter-spacing:.11em;color:#2dd4bf;font-size:11px;font-weight:900;margin:0 0 9px}
.vc240-footer-description{color:rgba(255,255,255,.58);font-size:12px;line-height:1.7;max-width:280px;margin:0 0 16px}
.vc240-footer-socials{display:flex;gap:8px;flex-wrap:wrap}
.vc240-footer-socials button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.vc240-footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.vc240-footer-column-title{width:100%;padding:0 0 14px;border:0;background:transparent;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:900;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:default}
.vc240-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vc240-footer-links button{border:0;background:transparent;color:rgba(255,255,255,.72);font-size:13px;text-align:left;padding:0;cursor:pointer}
.vc240-footer-links button:hover{color:#2dd4bf;opacity:1}
.vc240-footer-apps{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin-top:34px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.vc240-footer-apps>div:first-child strong{display:block;font-size:15px}
.vc240-footer-apps>div:first-child span{display:block;color:rgba(255,255,255,.52);font-size:12px;margin-top:5px}
.vc240-footer-app-buttons{display:flex;gap:12px;flex-wrap:wrap}
.vc240-footer-app-buttons a{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none}
.vc240-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;color:rgba(255,255,255,.42);font-size:11px}
.vc240-footer-bottom>div{display:flex;gap:16px;flex-wrap:wrap}
.vc240-footer-bottom button{border:0;background:transparent;color:rgba(255,255,255,.48);font-size:11px;padding:0;cursor:pointer}

.vc240-mobile-menu-toggle{display:none;border:0;background:#f2f6f8;color:#0a2540;border-radius:12px;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0}
.vc240-mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:currentColor}
.vc240-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(8,36,61,.46);z-index:20000;backdrop-filter:blur(2px)}
.vc240-mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:min(88vw,370px);background:#fff;z-index:20010;transform:translateX(-105%);transition:transform .24s ease;box-shadow:18px 0 50px rgba(15,23,42,.18);display:flex;flex-direction:column}
.vc240-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #edf2f7;color:#0a2540}
.vc240-mobile-drawer-head strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc240-mobile-drawer-close{border:0;background:#f1f5f9;color:#0f172a;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}
.vc240-mobile-drawer-body{padding:16px;overflow:auto}
.vc240-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.vc240-mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#eafaf8;color:#007f78;border-radius:12px;font-size:13px;font-weight:900;text-decoration:none}
.vc240-mobile-nav-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900;margin:14px 4px 9px}
.vc240-mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;margin-bottom:8px;border:1px solid #e8edf2;border-radius:13px;color:#0a2540;font-size:14px;font-weight:800;text-decoration:none}
body.vc240-mobile-menu-open{overflow:hidden}
body.vc240-mobile-menu-open .vc240-mobile-overlay{display:block}
body.vc240-mobile-menu-open .vc240-mobile-drawer{transform:translateX(0)}

@media(max-width:1050px){
 .vc240-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vc240-footer-main{grid-template-columns:1fr;gap:28px}
}
@media(max-width:768px){
 .vc239-wide-media{height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;background:#f7f8fa}
 .vc240-benefit-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x proximity}
 .vc240-benefit-card{flex:0 0 82%;min-height:230px;scroll-snap-align:start}
 .vc240-benefit-media{height:150px}
 .vc240-mobile-menu-toggle{display:flex!important;grid-column:1;grid-row:1}
 .vc-hard-main{grid-template-columns:44px minmax(0,1fr) auto!important}
 .vc-hard-logo{grid-column:2!important;width:auto!important;min-width:0!important;max-width:220px!important}
 .vc-hard-actions{grid-column:3!important}
 .vc240-footer-inner{width:calc(100% - 28px);padding:28px 0 82px}
 .vc240-footer-main{display:block}
 .vc240-footer-brand{padding-bottom:20px}
 .vc240-footer-description{max-width:100%}
 .vc240-footer-columns{display:block;border-top:1px solid rgba(255,255,255,.1)}
 .vc240-footer-column{border-bottom:1px solid rgba(255,255,255,.1)}
 .vc240-footer-column-title{padding:15px 2px;color:rgba(255,255,255,.84);cursor:pointer}
 .vc240-footer-column-title b{font-size:20px;color:#2dd4bf}
 .vc240-footer-links{display:none;padding:0 2px 15px;gap:10px}
 .vc240-footer-column.open .vc240-footer-links{display:flex}
 .vc240-footer-apps{align-items:flex-start;flex-direction:column;margin-top:22px}
 .vc240-footer-app-buttons{width:100%}
 .vc240-footer-app-buttons a{flex:1;justify-content:center;min-width:135px}
 .vc240-footer-bottom{align-items:flex-start;flex-direction:column}
 .vc240-footer-bottom>div{gap:12px 16px}
}

/* VISIONCART_V244_BENEFIT_MEDIA_FIT */
.vc240-benefit-card{
  min-width:0;
}
.vc240-benefit-media{
  display:grid;
  place-items:center;
  width:100%;
  height:auto;
  min-height:155px;
  aspect-ratio:16/9;
  overflow:hidden;
  box-sizing:border-box;
}
.vc240-benefit-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.vc240-benefit-copy{
  position:relative;
  z-index:2;
  flex:1 0 auto;
  background:#fff;
}
@media(max-width:768px){
  .vc240-benefit-media{
    height:auto;
    min-height:150px;
    aspect-ratio:16/9;
  }
}


/* VISIONCART_V245_REFERENCE_SERVICE_CARDS */
.vc245-service-section .vc240-benefit-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px;
}
.vc245-service-section .vc240-benefit-card{
  position:relative;
  aspect-ratio:5/6;
  min-height:0;
  border:0;
  border-radius:34px;
  overflow:hidden;
  background:#f7f7f8;
  box-shadow:none;
}
.vc245-service-section .vc240-benefit-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(15,23,42,.11);
}
.vc245-service-section .vc240-benefit-media{
  flex:0 0 72%;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  padding:0;
  background:#f4f4f5;
}
.vc245-service-section .vc240-benefit-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.vc245-service-section .vc240-benefit-copy{
  position:relative;
  display:block;
  flex:1 1 auto;
  padding:28px 92px 26px 34px;
  background:#f7f7f8;
}
.vc245-service-section .vc240-benefit-copy strong{
  font-size:clamp(20px,1.8vw,32px);
  line-height:1.16;
  color:#25255f;
}
.vc245-service-section .vc240-benefit-copy>span{
  margin-top:10px;
  font-size:clamp(14px,1.2vw,21px);
  line-height:1.35;
  color:#686793;
}
.vc245-service-section .vc240-benefit-copy em{
  display:none;
}
.vc245-service-section .vc240-benefit-card::after{
  content:'→';
  position:absolute;
  right:30px;
  bottom:28px;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#090942;
  font-size:38px;
  line-height:1;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
}
@media(max-width:1100px){
  .vc245-service-section .vc240-benefit-grid{gap:24px}
  .vc245-service-section .vc240-benefit-copy{padding:22px 72px 22px 24px}
  .vc245-service-section .vc240-benefit-card::after{right:20px;bottom:20px;width:52px;height:52px;font-size:31px}
}
@media(max-width:768px){
  .vc245-service-section .vc240-benefit-grid{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding-bottom:12px;
    scroll-snap-type:x proximity;
  }
  .vc245-service-section .vc240-benefit-card{flex:0 0 84%;min-height:0;border-radius:24px;scroll-snap-align:start}
  .vc245-service-section .vc240-benefit-copy{padding:22px 72px 22px 22px}
  .vc245-service-section .vc240-benefit-copy strong{font-size:20px}
  .vc245-service-section .vc240-benefit-copy>span{font-size:14px}
  .vc245-service-section .vc240-benefit-card::after{right:18px;bottom:18px;width:48px;height:48px;font-size:28px}
}