/* EVA AI MARKET — approved reference hero */
.hero-type1-section{
  min-height:0!important;
  padding:10px 0 18px!important;
  background:
    radial-gradient(circle at 50% 10%,rgba(79,45,255,.16),transparent 30%),
    linear-gradient(180deg,#040614 0%,#060817 100%)!important;
}
.hero-type1-section>.container{
  width:100%!important;
  max-width:none!important;
  padding:0 7px!important;
}
.hero-reference{
  position:relative!important;
  overflow:hidden!important;
  width:min(100%,414px)!important;
  margin:0 auto!important;
  padding:22px 18px 16px!important;
  border:1px solid rgba(91,86,255,.68)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 83% 27%,rgba(20,70,255,.28),transparent 26%),
    radial-gradient(circle at 28% 46%,rgba(244,28,255,.17),transparent 32%),
    linear-gradient(160deg,#080b28 0%,#07091e 58%,#08071b 100%)!important;
  box-shadow:
    0 0 0 1px rgba(60,84,255,.08),
    0 28px 80px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hero-reference:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:
    linear-gradient(rgba(88,99,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,99,255,.12) 1px,transparent 1px);
  background-size:31px 31px;
}
.hero-reference>*{position:relative;z-index:2}

.hero-top-grid{
  position:relative!important;
  min-height:372px!important;
  display:block!important;
}
.hero-type1-copy{position:relative!important;z-index:4!important}
.hero-type1-copy .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:9px 14px!important;
  border:1px solid rgba(233,40,255,.8)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(72,17,114,.78),rgba(18,21,65,.84))!important;
  box-shadow:0 0 20px rgba(219,52,255,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
.badge-crown{
  color:#ff48d4!important;
  font-size:14px!important;
  filter:drop-shadow(0 0 7px rgba(255,65,211,.8));
}
.hero-reference h1{
  margin:24px 0 14px!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:39px!important;
  line-height:1.06!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
.hero-reference h1 span{
  color:transparent!important;
  background:linear-gradient(90deg,#ff42cf 0%,#c64cff 48%,#579dff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.hero-reference .subtitle{
  margin:0!important;
  max-width:74%!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:500!important;
}

/* Cloud scene */
.hero-type1-visual{
  position:absolute!important;
  z-index:3!important;
  right:-8px!important;
  top:146px!important;
  width:64%!important;
  min-height:0!important;
  display:block!important;
  pointer-events:none!important;
}
.cloud-stage{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.15!important;
  filter:drop-shadow(0 22px 35px rgba(36,67,255,.38));
}
.cloud-bubble{
  position:absolute!important;
  z-index:3!important;
  border-radius:48% 52% 50% 50%/58% 58% 42% 42%!important;
  border:1px solid rgba(151,176,255,.38)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.30),transparent 15%),
    radial-gradient(circle at 58% 38%,rgba(87,157,255,.32),transparent 32%),
    linear-gradient(145deg,#37a4ff 0%,#4059f0 47%,#6b33d7 100%)!important;
  box-shadow:
    inset 10px 8px 22px rgba(255,255,255,.08),
    inset -18px -14px 28px rgba(20,10,94,.30),
    0 0 28px rgba(68,112,255,.28)!important;
}
.cloud-bubble-a{width:46%!important;height:42%!important;left:8%!important;top:38%!important}
.cloud-bubble-b{width:54%!important;height:50%!important;left:25%!important;top:22%!important}
.cloud-bubble-c{width:45%!important;height:41%!important;right:5%!important;top:40%!important}
.cloud-core{
  position:absolute!important;
  z-index:6!important;
  left:52%!important;
  top:52%!important;
  transform:translate(-50%,-50%)!important;
  color:#eef6ff!important;
  font-size:52px!important;
  font-weight:800!important;
  letter-spacing:-.06em!important;
  -webkit-text-stroke:1px rgba(153,208,255,.5);
  text-shadow:0 0 10px #9bd6ff,0 0 30px #2f66ff!important;
}
.cloud-ring{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:56%!important;
  width:96%!important;
  height:26%!important;
  transform:translate(-50%,-50%) rotate(-9deg)!important;
  border:2px solid rgba(240,49,255,.9)!important;
  border-radius:50%!important;
  box-shadow:0 0 16px rgba(235,45,255,.8),0 0 30px rgba(81,87,255,.45)!important;
}
.cloud-ring-b{
  width:72%!important;
  height:42%!important;
  transform:translate(-50%,-50%) rotate(18deg)!important;
  border-color:rgba(72,158,255,.82)!important;
  box-shadow:0 0 15px rgba(68,156,255,.7)!important;
}
.cloud-platform{
  position:absolute!important;
  z-index:2!important;
  left:8%!important;
  right:8%!important;
  bottom:2%!important;
  height:20%!important;
  border:2px solid rgba(104,84,255,.78)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(82,164,255,.42),rgba(133,35,255,.28) 43%,rgba(9,11,34,.96) 70%)!important;
  box-shadow:inset 0 0 20px rgba(87,164,255,.42),0 0 24px rgba(76,102,255,.6),0 0 42px rgba(232,46,255,.38)!important;
}

/* Providers */
.hero-type1-logos{
  margin:0!important;
  padding:8px 4px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid rgba(121,81,255,.63)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(23,22,78,.96),rgba(7,9,30,.98))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hero-platform{
  min-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-platform:not(:last-child){border-right:1px solid rgba(140,131,220,.2)!important}
.hero-platform b{
  margin:0!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:600!important;
}
.hero-svg-mark,.hero-gcp-mark{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
}
.hero-svg-mark svg{width:100%!important;height:100%!important;display:block!important}
.openai-mark svg{fill:#fff!important}
.aws-mark{width:44px!important}
.aws-mark svg{overflow:visible!important}
.aws-mark text{fill:#fff!important}
.azure-mark svg{fill:#29a6f6!important;filter:drop-shadow(0 0 8px rgba(41,166,246,.35))}
.hero-gcp-mark{
  position:relative!important;
  width:40px!important;
  height:30px!important;
}
.hero-gcp-mark:before,.hero-gcp-mark:after,.hero-gcp-mark i{
  content:""!important;
  position:absolute!important;
  display:block!important;
}
.hero-gcp-mark:before{
  left:3px!important;top:8px!important;
  width:30px!important;height:18px!important;
  border:7px solid #4285f4!important;
  border-right-color:#34a853!important;
  border-bottom-color:#fbbc05!important;
  border-radius:17px!important;
}
.hero-gcp-mark:after{
  right:1px!important;bottom:2px!important;
  width:19px!important;height:7px!important;
  border-radius:7px!important;
  background:#ea4335!important;
}
.hero-gcp-mark i{
  left:12px!important;top:2px!important;
  width:19px!important;height:19px!important;
  border-radius:50%!important;
  background:#4285f4!important;
}

/* Buttons */
.hero-type1-actions{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.hero-type1-actions .button{
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border-radius:15px!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.hero-type1-actions .primary{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.23)!important;
  background:linear-gradient(90deg,#ff37ce 0%,#ae46ff 50%,#459bff 100%)!important;
  box-shadow:0 12px 28px rgba(125,57,255,.28)!important;
}
.hero-type1-actions .secondary{
  color:#fff!important;
  border:1px solid rgba(105,88,255,.64)!important;
  background:linear-gradient(145deg,rgba(16,20,60,.98),rgba(6,8,27,.99))!important;
}
.btn-icon{font-size:22px!important;line-height:1!important}
.btn-arrow{font-size:20px!important;line-height:1!important}

/* Payment note */
.hero-paid-note{
  margin-top:11px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(108,83,255,.52)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(18,22,64,.96),rgba(8,10,31,.98))!important;
}
.hero-paid-icon{
  flex:0 0 34px!important;
  width:34px!important;height:34px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  border:1px solid rgba(137,113,255,.55)!important;
  border-radius:9px!important;
  background:rgba(100,78,255,.11)!important;
  font-size:18px!important;
}
.hero-paid-note p{
  margin:0!important;
  color:#d0d6e9!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.hero-paid-note b{color:#fff!important}

/* Feature cards */
.hero-type1-stats{
  margin-top:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.hero-stat{
  min-height:118px!important;
  padding:13px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hero-stat i{
  width:44px!important;height:44px!important;
  margin-bottom:11px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  font-style:normal!important;
  font-size:25px!important;
  background:rgba(255,255,255,.04)!important;
  text-shadow:0 0 15px currentColor!important;
  box-shadow:0 0 24px color-mix(in srgb,currentColor 40%,transparent)!important;
}
.hero-stat b{color:#fff!important;font-size:15px!important;line-height:1.1!important}
.hero-stat small{margin-top:5px!important;color:#d2d6e4!important;font-size:11px!important}
.hero-stat.purple{color:#ef58ff!important;border:1px solid rgba(216,68,255,.5)!important;background:linear-gradient(145deg,#25104a,#090d25)!important}
.hero-stat.cyan{color:#50d9ff!important;border:1px solid rgba(57,186,255,.5)!important;background:linear-gradient(145deg,#073d68,#081225)!important}
.hero-stat.pink{color:#ff65d0!important;border:1px solid rgba(255,82,198,.5)!important;background:linear-gradient(145deg,#461339,#100a22)!important}

/* Bottom trust */
.hero-bottom-trust{
  margin-top:16px!important;
  padding-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-top:1px solid rgba(129,125,200,.22)!important;
}
.hero-bottom-trust span{
  min-width:0!important;
  padding:2px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#dce2f3!important;
}
.hero-bottom-trust span:not(:last-child){border-right:1px solid rgba(127,124,196,.24)!important}
.hero-bottom-trust i{
  color:#2bc7ff!important;
  font-style:normal!important;
  font-size:20px!important;
  text-shadow:0 0 10px rgba(43,199,255,.5)!important;
}
.hero-bottom-trust b{
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:500!important;
}

/* Remove obsolete external trust strip from prior version */
.trust-strip{display:none!important}

@media(min-width:761px){
  .hero-reference{width:414px!important}
}

@media(max-width:480px){
  .hero-reference{
    width:100%!important;
    padding:22px 18px 17px!important;
    border-radius:22px!important;
  }
  .hero-top-grid{min-height:366px!important}
  .hero-reference h1{
    margin-top:26px!important;
    font-size:clamp(37px,10.7vw,42px)!important;
  }
  .hero-reference .subtitle{font-size:14px!important}
  .hero-type1-visual{top:145px!important;right:-8px!important;width:64%!important}
  .cloud-core{font-size:49px!important}
  .hero-type1-actions .button{min-height:58px!important;font-size:15px!important}
  .hero-stat{min-height:115px!important}
  .hero-paid-note p{font-size:9.5px!important}
}


/* Final visual parity pass from live mobile screenshot */
body.premium-home>header{display:none!important}
body.premium-home .hero-type1-section{padding-top:6px!important}
body.premium-home .hero-reference{margin-top:0!important}

@media(max-width:480px){
  .hero-reference{padding:20px 17px 16px!important}
  .hero-top-grid{min-height:346px!important}
  .hero-type1-copy .eyebrow{padding:8px 12px!important;font-size:10px!important}
  .hero-reference h1{
    margin:22px 0 12px!important;
    font-size:clamp(34px,9.7vw,38px)!important;
    line-height:1.04!important;
  }
  .hero-reference .subtitle{
    max-width:68%!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  .hero-type1-visual{
    top:138px!important;
    right:-4px!important;
    width:60%!important;
  }
  .cloud-stage{aspect-ratio:1.22!important}
  .cloud-bubble-a{width:44%!important;height:34%!important;left:8%!important;top:43%!important;border-radius:55% 45% 50% 50%/62% 60% 40% 38%!important}
  .cloud-bubble-b{width:50%!important;height:43%!important;left:26%!important;top:25%!important;border-radius:48% 52% 45% 55%/60% 62% 38% 40%!important}
  .cloud-bubble-c{width:42%!important;height:33%!important;right:5%!important;top:45%!important;border-radius:52% 48% 57% 43%/64% 58% 42% 36%!important}
  .cloud-core{font-size:46px!important;top:53%!important}
  .cloud-ring{width:92%!important;height:24%!important;top:58%!important}
  .cloud-ring-b{width:68%!important;height:38%!important}
  .cloud-platform{left:10%!important;right:10%!important;bottom:5%!important;height:17%!important}
  .hero-type1-logos{padding:7px 4px!important;border-radius:17px!important}
  .hero-platform{min-height:68px!important;gap:5px!important}
  .hero-svg-mark,.hero-gcp-mark{transform:scale(.92)!important}
  .hero-type1-actions{margin-top:10px!important;gap:10px!important}
  .hero-type1-actions .button{min-height:56px!important;border-radius:14px!important;font-size:14px!important}
  .btn-icon{font-size:19px!important}
  .btn-arrow{font-size:18px!important}
  .hero-paid-note{margin-top:10px!important;padding:11px 12px!important;border-radius:14px!important}
  .hero-paid-note p{font-size:9px!important;line-height:1.5!important}
  .hero-type1-stats{margin-top:10px!important;gap:8px!important}
  .hero-stat{min-height:108px!important;border-radius:15px!important}
  .hero-stat i{width:40px!important;height:40px!important;margin-bottom:8px!important;font-size:23px!important}
  .hero-stat b{font-size:14px!important}
  .hero-stat small{font-size:10px!important}
  .hero-bottom-trust{margin-top:14px!important;padding-top:12px!important}
  .hero-bottom-trust i{font-size:18px!important}
  .hero-bottom-trust b{font-size:8px!important}
}

.hero-cloud-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(40,70,255,.30))!important;
}
.cloud-image-stage{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}