/* ==========================================================
   SKYTEC PRODUCT / RELATED SOLUTIONS V15
   ========================================================== */

.skytec-access-v15{
  padding:72px 20px;
  background:linear-gradient(135deg,#f8fbff 0%,#f6f4ff 100%);
}

.skytec-access-v15 .sav-wrap{
  max-width:1210px;
  margin:auto;
}

.skytec-access-v15 .sav-head{
  text-align:center;
  max-width:860px;
  margin:0 auto 38px;
}

.skytec-access-v15 .sav-kicker{
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#1768ff;
}

.skytec-access-v15 h2{
  margin:9px 0 10px;
  font-size:clamp(31px,4vw,48px);
  line-height:1.08;
  color:#09275c;
}

.skytec-access-v15 .sav-sub{
  color:#60708c;
  line-height:1.7;
}

.skytec-access-v15 .sav-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:18px;
  align-items:stretch;
}

.skytec-device-stage{
  border-radius:28px;
  padding:28px;
  background:
    radial-gradient(circle at 85% 15%,#294a93 0%,transparent 38%),
    linear-gradient(135deg,#08265b,#183d7b);
  color:#fff;
  overflow:hidden;
  min-height:510px;
}

.skytec-device-stage h3{
  font-size:24px;
  margin:0 0 8px;
}

.skytec-device-stage p{
  color:#d9e7ff;
  line-height:1.6;
}

.skytec-device-pair{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:24px;
  margin-top:34px;
  min-height:335px;
}

.skytec-terminal{
  position:relative;
  width:194px;
  height:330px;
  border:5px solid #405574;
  background:#09131f;
  border-radius:30px;
  box-shadow:0 28px 50px rgba(0,0,0,.35);
  flex-shrink:0;
}

.skytec-terminal.desktop{
  transform:rotate(90deg) scale(.74);
  margin:0 -25px 44px -10px;
}

.skytec-brand{
  position:absolute;
  top:18px;
  width:100%;
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05em;
  color:white;
}

.skytec-brand span{
  color:#32c7ff;
}

.skytec-screen{
  position:absolute;
  left:18px;
  right:18px;
  top:58px;
  height:184px;
  border:1px solid #314a6a;
  padding:15px 12px;
  color:#fff;
  text-align:center;
}

.skytec-screen strong{
  display:block;
  color:#37d7ff;
  margin-bottom:13px;
  font-size:12px;
}

.skytec-method{
  background:#1e5bb4;
  padding:7px 5px;
  margin:6px 0;
  border-radius:5px;
  font-size:10px;
}

.skytec-sensor{
  position:absolute;
  width:52px;
  height:52px;
  border:5px solid #735bff;
  border-radius:50%;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  box-shadow:inset 0 0 0 4px #a7c6e9;
}

.skytec-mode-label{
  text-align:center;
  margin-top:7px;
  color:#d6e6ff;
  font-size:12px;
}

.skytec-access-info{
  border:1px solid #dce7f7;
  background:#fff;
  border-radius:28px;
  padding:36px;
  box-shadow:0 22px 50px rgba(16,48,95,.07);
}

.skytec-auth-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:22px 0;
}

.skytec-auth{
  text-align:center;
  border-radius:13px;
  padding:14px 5px;
  background:#f0f6ff;
  color:#1163e9;
  font-size:11px;
  font-weight:800;
}

.skytec-feature{
  margin:12px 0;
  color:#49607f;
}

.skytec-feature:before{
  content:"✓";
  color:#126cff;
  font-weight:900;
  margin-right:12px;
}

.skytec-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:26px;
}

.skytec-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  min-height:46px;
  border-radius:12px;
  padding:0 20px;
  font-weight:800;
}

.skytec-btn.primary{
  color:#fff!important;
  background:linear-gradient(90deg,#0877ff,#7955f6);
}

.skytec-btn.secondary{
  color:#123563!important;
  background:#fff;
  border:1px solid #d3e2f4;
}

/* RELATED PRODUCTS / SERVICES */

.elite-related-v15{
  padding:68px 20px 76px;
  background:#fff;
}

.elite-related-v15 .erv-wrap{
  max-width:1210px;
  margin:auto;
}

.elite-related-v15 .erv-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
}

.elite-related-v15 h2{
  margin:0;
  color:#09275c;
  font-size:clamp(27px,3vw,39px);
}

.elite-related-v15 .erv-top p{
  color:#71819a;
  margin:6px 0 0;
}

.erv-controls{
  display:flex;
  gap:8px;
}

.erv-control{
  width:43px;
  height:43px;
  border-radius:50%;
  border:1px solid #dce5f2;
  background:white;
  cursor:pointer;
  font-size:19px;
}

.erv-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,31%);
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:4px 2px 18px;
}

.erv-track::-webkit-scrollbar{
  display:none;
}

.erv-card{
  scroll-snap-align:start;
  border:1px solid #e0e8f4;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 15px 38px rgba(18,49,91,.07);
}

.erv-card-media{
  height:185px;
  background:
    linear-gradient(135deg,#edf5ff,#edf0ff);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.erv-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.erv-placeholder{
  font-size:64px;
}

.erv-card-body{
  padding:20px;
}

.erv-card-body h3{
  margin:0 0 8px;
  color:#0b2d62;
  font-size:19px;
}

.erv-card-body p{
  color:#63748f;
  line-height:1.55;
  min-height:48px;
}

.erv-card-body a{
  color:#126cff;
  font-weight:800;
  text-decoration:none;
}

.erv-bottom-cta{
  margin-top:26px;
  padding:24px;
  border-radius:20px;
  background:linear-gradient(110deg,#08295d,#174d9d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.erv-bottom-cta h3{
  margin:0 0 5px;
}

.erv-bottom-cta p{
  margin:0;
  color:#d9e7ff;
}

.erv-bottom-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

@media(max-width:840px){
  .skytec-access-v15 .sav-grid{
    grid-template-columns:1fr;
  }

  .skytec-auth-row{
    grid-template-columns:repeat(2,1fr);
  }

  .erv-track{
    grid-auto-columns:83%;
  }

  .erv-top,
  .erv-bottom-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .skytec-device-pair{
    transform:scale(.88);
    margin-left:-28px;
    margin-right:-28px;
  }
}