/* CABVET DEMO FORM + CLOUD CTA V3.1.1 SAFE */

.cv-demo-message-field{
  grid-column:1 / -1 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:9px !important;
  margin:0 !important;
}
.cv-demo-message-field > span,
.cv-demo-message-field .form-label,
.cv-demo-message-field .label-text{
  display:block !important;
  width:100% !important;
  color:#8fb7d7 !important;
  font-size:clamp(13px,.75rem + .12vw,15px) !important;
  line-height:1.4 !important;
}
.cv-demo-message{
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:150px !important;
  height:clamp(150px,16vh,190px) !important;
  margin:0 !important;
  padding:16px 18px !important;
  resize:vertical !important;
  color:#f4fbff !important;
  caret-color:#8fe9ff !important;
  background:linear-gradient(180deg,rgba(15,38,60,.98),rgba(10,29,47,.98)) !important;
  border:1px solid rgba(120,189,237,.18) !important;
  border-radius:16px !important;
  font:inherit !important;
  font-size:clamp(15px,.84rem + .15vw,17px) !important;
  line-height:1.55 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.10) !important;
  outline:none !important;
}
.cv-demo-message::placeholder{
  color:rgba(197,220,237,.46) !important;
  opacity:1 !important;
}
.cv-demo-message:focus{
  border-color:#68d8ff !important;
  box-shadow:0 0 0 4px rgba(104,216,255,.10),0 15px 40px rgba(0,0,0,.14) !important;
}

/* Force wrapper around the demo note to occupy whole grid row */
.cv-demo-message-wrap{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
}

.cv-cloud-demo-cta{
  position:relative;
  overflow:hidden;
  margin-top:24px;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(115,220,255,.14);
  background:
    radial-gradient(circle at 92% 12%,rgba(117,242,190,.14),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(68,157,255,.17),transparent 34%),
    linear-gradient(145deg,rgba(13,42,68,.96),rgba(7,25,43,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.16);
}
.cv-cloud-demo-head{
  position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-bottom:13px
}
.cv-cloud-demo-icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:15px;
  color:#051522;font-size:22px;background:linear-gradient(135deg,#72dcff,#9cf1c5)
}
.cv-cloud-demo-kicker{
  display:block;margin-bottom:2px;color:#8fe7ff;font-size:10px;font-weight:900;
  letter-spacing:.10em;text-transform:uppercase
}
.cv-cloud-demo-title{
  margin:0 !important;color:#fff !important;
  font-size:clamp(20px,1.05rem + .55vw,28px) !important;
  line-height:1.08 !important;letter-spacing:-.025em !important
}
.cv-cloud-demo-copy{
  position:relative;z-index:2;margin:0 0 15px !important;color:rgba(230,245,255,.70) !important;
  font-size:clamp(13.5px,.76rem + .16vw,16px) !important;line-height:1.6 !important
}
.cv-cloud-demo-meta{
  position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px
}
.cv-cloud-demo-meta span{
  display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;
  color:rgba(235,249,255,.72);border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.045);font-size:clamp(10px,.59rem + .08vw,12px)
}
.cv-cloud-demo-button{
  position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:11px 17px;border-radius:14px;color:#06131d !important;
  text-decoration:none !important;font-size:clamp(13.5px,.76rem + .13vw,15.5px);
  font-weight:900;background:linear-gradient(135deg,#72dcff,#9df1c5)
}
@media(max-width:900px){
  html[data-cv-scheme="light"] .cv-demo-message,
  html[data-cv-mobile-theme="light"] .cv-demo-message{
    color:#12324a !important;background:#fff !important;border-color:rgba(18,50,74,.13) !important
  }
  html[data-cv-scheme="light"] .cv-cloud-demo-cta,
  html[data-cv-mobile-theme="light"] .cv-cloud-demo-cta{
    background:linear-gradient(145deg,#fff,#e9f6fd);
    border-color:rgba(17,70,104,.10)
  }
  html[data-cv-scheme="light"] .cv-cloud-demo-title,
  html[data-cv-mobile-theme="light"] .cv-cloud-demo-title{color:#0d2b42 !important}
  html[data-cv-scheme="light"] .cv-cloud-demo-copy,
  html[data-cv-mobile-theme="light"] .cv-cloud-demo-copy{color:#536d7f !important}
}
@media(max-width:640px){
  .cv-demo-message{min-height:135px !important;height:145px !important;font-size:16px !important}
  .cv-cloud-demo-cta{margin-top:18px;padding:18px;border-radius:19px}
  .cv-cloud-demo-button{width:100%;min-height:50px;font-size:15px}
}