.desktop-shot-card,
.desktop-hero-shot{
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
}

.desktop-glow,
.desktop-shot-card::after,
.desktop-shot-card span{
  display:none !important;
}

.desktop-shot-card{
  flex:0 0 min(920px,86vw) !important;
  height:540px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.desktop-shot-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:left top !important;
  border-radius:24px !important;
}

@media(max-width:620px){
  .desktop-shot-card{
    flex-basis:88vw !important;
    height:260px !important;
  }
}

/* PREMIUM CAROUSEL CLEAN */

.desktop-shot-grid{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding-bottom:8px !important;
}

.desktop-shot-grid::-webkit-scrollbar{
  display:none !important;
}

.desktop-shot-card,
.desktop-hero-shot{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.desktop-shot-card img,
.desktop-hero-shot img{
  border:none !important;
  box-shadow:
    0 35px 120px rgba(0,0,0,.50),
    0 10px 40px rgba(0,0,0,.32) !important;
}

.desktop-shot-card{
  flex:0 0 min(1100px,90vw) !important;
  height:auto !important;
}

.desktop-shot-card img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:28px !important;
}

@media(max-width:620px){

  .desktop-shot-card{
    flex-basis:92vw !important;
  }

  .desktop-shot-card img{
    border-radius:18px !important;
  }
}

/* PREMIUM CAROUSEL CONTROLS */
.desktop-carousel-wrap{
  position:relative;
}

.desktop-carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:54px;
  height:54px;
  border-radius:999px;
  border:1px solid rgba(255,176,32,.28);
  background:rgba(8,12,24,.78);
  color:#ffb020;
  font-size:28px;
  font-weight:900;
  cursor:pointer;
  backdrop-filter:blur(12px);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.desktop-carousel-btn:hover{
  background:rgba(255,176,32,.18);
}

.desktop-carousel-prev{left:10px}
.desktop-carousel-next{right:10px}

.desktop-carousel-dots{
  display:flex;
  justify-content:center;
  gap:9px;
  margin-top:18px;
}

.desktop-carousel-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.18);
  cursor:pointer;
}

.desktop-carousel-dot.active{
  width:26px;
  background:#ffb020;
  box-shadow:0 0 22px rgba(255,176,32,.45);
}

@media(max-width:620px){
  .desktop-carousel-btn{
    width:42px;
    height:42px;
    font-size:22px;
  }
  .desktop-carousel-prev{left:4px}
  .desktop-carousel-next{right:4px}
}

/* PREMIUM SCROLL REVEAL */
.desktop-shot-card{
  opacity:0;
  transform:translateY(34px) scale(.965);
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.2,.8,.2,1),
    filter .75s ease;
  filter:blur(8px) saturate(.9);
}

.desktop-shot-card.reveal-in{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0) saturate(1.05);
}

.desktop-shot-card:hover img{
  transform:scale(1.012);
}

.desktop-shot-card img{
  transition:transform .55s ease;
}

/* HERO FIT SCREEN */
.api-hero{
  min-height:100vh !important;
  padding-top:110px !important;
  padding-bottom:40px !important;
  display:flex !important;
  align-items:center !important;
}

.api-hero-grid{
  align-items:center !important;
  gap:44px !important;
}

.api-hero h1{
  font-size:clamp(52px,5.6vw,108px) !important;
  line-height:.9 !important;
  margin-bottom:22px !important;
  max-width:780px !important;
}

.desktop-hero-lead{
  max-width:720px !important;
  font-size:clamp(17px,1.1vw,22px) !important;
  line-height:1.6 !important;
}

.desktop-hero-shot{
  max-width:760px !important;
  margin-left:auto !important;
}

.desktop-hero-shot img{
  width:100% !important;
  height:auto !important;
  border-radius:28px !important;
}

@media(max-width:980px){

  .api-hero{
    min-height:auto !important;
    padding-top:120px !important;
    padding-bottom:50px !important;
  }

  .api-hero h1{
    font-size:clamp(44px,12vw,78px) !important;
    max-width:100% !important;
  }

  .desktop-hero-shot{
    max-width:100% !important;
  }
}

/* HERO SMALLER */
.api-hero{
  padding-top:82px !important;
  padding-bottom:18px !important;
}

.api-hero-grid{
  gap:26px !important;
}

.api-hero h1{
  font-size:clamp(34px,4vw,72px) !important;
  max-width:560px !important;
  margin-bottom:14px !important;
}

.desktop-hero-lead{
  font-size:clamp(14px,.95vw,18px) !important;
  line-height:1.45 !important;
  max-width:560px !important;
}

.desktop-hero-shot{
  max-width:520px !important;
}

.desktop-hero-shot img{
  border-radius:22px !important;
}

@media(max-width:980px){

  .api-hero{
    padding-top:108px !important;
    padding-bottom:22px !important;
  }

  .api-hero h1{
    font-size:clamp(30px,9vw,52px) !important;
  }

  .desktop-hero-shot{
    max-width:100% !important;
  }
}

/* REAL DESKTOP HERO SIZE FIX */
.desktop-hero{
  padding-top:70px !important;
  padding-bottom:20px !important;
}

.desktop-hero-grid{
  gap:24px !important;
}

.desktop-hero h1{
  font-size:clamp(32px,3.8vw,64px) !important;
  line-height:.95 !important;
  max-width:560px !important;
  margin:12px 0 12px !important;
}

.desktop-hero-lead{
  font-size:15px !important;
  line-height:1.45 !important;
  max-width:560px !important;
}

.desktop-actions{
  margin-top:20px !important;
}

.desktop-trust{
  margin-top:18px !important;
}

.desktop-hero-shot{
  max-width:520px !important;
}

@media(max-width:980px){
  .desktop-hero{
    padding-top:96px !important;
    padding-bottom:24px !important;
  }

  .desktop-hero h1{
    font-size:clamp(30px,8vw,48px) !important;
  }

  .desktop-hero-shot{
    max-width:100% !important;
  }
}

/* WORD ACCENT */
.desktop-word-accent{
  color:#ffb020 !important;
  text-shadow:
    0 0 18px rgba(255,176,32,.22),
    0 0 34px rgba(255,176,32,.10);
}

/* HERO TITLE CENTER INSIDE BLOCK */
.desktop-hero .desktop-hero-grid > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.desktop-hero h1{
  margin-left:auto !important;
  margin-right:auto !important;
}

.desktop-hero-lead{
  margin-left:auto !important;
  margin-right:auto !important;
}

.desktop-actions{
  justify-content:center !important;
}

.desktop-trust{
  justify-content:center !important;
}

/* HERO TEXT ALIGN CENTER */
.desktop-hero .desktop-hero-grid > div:first-child{
  text-align:center !important;
  align-items:center !important;
}

.desktop-hero h1,
.desktop-hero-lead,
.desktop-hero .eyebrow{
  text-align:center !important;
}

.desktop-actions,
.desktop-trust{
  justify-content:center !important;
}

/* VALUE BLOCKS */
.desktop-live-grid,
.desktop-workflow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:34px;
}

.desktop-live-card,
.desktop-workflow-card{
  position:relative;
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 60px rgba(0,0,0,.25);
}

.desktop-live-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ffb020;
  box-shadow:0 0 24px rgba(255,176,32,.75);
  margin-bottom:14px;
  animation:pulseDot 1.6s infinite ease-in-out;
}

.desktop-live-card strong{
  display:block;
  font-size:28px;
  color:#eef2ff;
  margin-bottom:6px;
}

.desktop-live-card span,
.desktop-workflow-card span{
  color:#ffb020;
  font-weight:900;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.desktop-live-card p,
.desktop-workflow-card p{
  margin:10px 0 0;
  color:#a8b4cf;
  line-height:1.6;
}

.desktop-workflow-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.desktop-workflow-card b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:rgba(255,176,32,.12);
  color:#ffb020;
  margin-bottom:18px;
}

@keyframes pulseDot{
  0%,100%{transform:scale(1);opacity:.8}
  50%{transform:scale(1.45);opacity:1}
}

@media(max-width:900px){
  .desktop-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-workflow-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .desktop-live-grid{grid-template-columns:1fr}
}