/*
 * V7.16.0 homepage hero compact hierarchy and glass CTA.
 * Scope: the confirmed homepage first screen only.
 */

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
  margin-bottom: 0.72rem !important;
  color: #004a96;
  font-size: clamp(0.61rem, 0.68vw, 0.68rem) !important;
  font-weight: 800;
  letter-spacing: 0.075em;
}

html[lang="en"][data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
  display: block;
  width: min(100%, 34rem);
  max-width: 100%;
  margin-inline: auto;
  overflow-wrap: normal;
  text-align: center;
  text-wrap: balance;
  word-break: normal;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-brandline {
  margin-top: 0.86rem;
  color: #173b47;
  font-size: clamp(0.68rem, 0.76vw, 0.75rem);
  font-weight: 720;
  letter-spacing: 0.035em;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v241-brand-copy {
  color: inherit;
  font-weight: inherit;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-actions {
  margin-top: 0.76rem !important;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 2.52rem;
  gap: 0.58rem;
  padding: 0.26rem 0.3rem 0.26rem 0.88rem;
  border: 1px solid rgb(255 255 255 / 0.76);
  color: #123c48;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 0.78), rgb(229 244 240 / 0.62)),
    rgb(239 247 246 / 0.56);
  -webkit-backdrop-filter: blur(18px) saturate(132%) contrast(1.03);
  backdrop-filter: blur(18px) saturate(132%) contrast(1.03);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.9),
    inset 0 -1px 0 rgb(12 102 91 / 0.08),
    0 0.58rem 1.45rem rgb(17 70 82 / 0.12);
  font-size: 0.69rem;
  font-weight: 720;
  letter-spacing: 0.018em;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 20% 0%, rgb(255 255 255 / 0.9), transparent 42%),
    linear-gradient(105deg, rgb(255 255 255 / 0.24), transparent 48%, rgb(36 143 121 / 0.08));
  content: "";
  pointer-events: none;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer::after {
  position: absolute;
  inset: 1px;
  z-index: 0;
  border: 1px solid rgb(255 255 255 / 0.34);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer > span,
html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer > i {
  position: relative;
  z-index: 1;
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer i {
  width: 1.84rem;
  height: 1.84rem;
  border: 1px solid rgb(138 106 22 / 0.16);
  color: #004a96;
  background: linear-gradient(135deg, #fbf6ec 0%, #e6d6b8 100%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.88),
    inset 0 -1px 0 rgb(138 106 22 / 0.08),
    0 0.24rem 0.62rem rgb(91 69 35 / 0.12);
  font-size: 0.64rem;
  transition:
    border-color 320ms cubic-bezier(0.22, 1, 0.36, 1),
    background 320ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer:focus-visible {
  outline: 3px solid rgb(23 111 157 / 0.3);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy > .v23-eyebrow {
    transition-delay: 680ms !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy h1 > .v240-line,
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy > .v240-brandline,
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy > .v23-actions {
    opacity: 1 !important;
    transform: none !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy h1 > .v240-line {
    transition-delay: 1080ms !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy > .v240-brandline {
    transition-delay: 1580ms !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home.is-v283-motion-active.is-dbc-message-ready .v240-hero__copy > .v23-actions {
    transition-delay: 1980ms !important;
  }
}

@media (min-width: 1081px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding-block: clamp(18.5rem, 43svh, 34rem) clamp(3rem, 5.8svh, 4.6rem) !important;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding-block: 43svh 3rem !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer:hover {
    border-color: rgb(255 255 255 / 0.92);
    background:
      linear-gradient(135deg, rgb(255 255 255 / 0.9), rgb(221 241 236 / 0.76)),
      rgb(239 247 246 / 0.68);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.96),
      inset 0 -1px 0 rgb(12 102 91 / 0.1),
      0 0.74rem 1.72rem rgb(17 70 82 / 0.16);
    transform: translateY(-1px);
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer:hover i {
    border-color: rgb(138 106 22 / 0.24);
    background: linear-gradient(135deg, #fffaf1 0%, #eadbbe 100%);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.94),
      inset 0 -1px 0 rgb(138 106 22 / 0.1),
      0 0.3rem 0.72rem rgb(91 69 35 / 0.15);
  }
}

@media (max-width: 760px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding: 44svh 1rem 4.5rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
    margin-bottom: 0.62rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-brandline {
    margin-top: 0.72rem;
    font-size: clamp(0.67rem, 2.8vw, 0.72rem) !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-actions {
    margin-top: 0.68rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer {
    min-height: 2.68rem;
    gap: 0.54rem;
    padding: 0.25rem 0.28rem 0.25rem 0.8rem;
    font-size: 0.72rem;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer i {
    width: 1.9rem;
    height: 1.9rem;
  }

  html[lang="en"][data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
    width: min(100%, 22rem);
    line-height: 1.42;
  }
}

@media (max-width: 480px) and (max-height: 720px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding: 38svh 1rem 1.4rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
    margin-bottom: 0.42rem !important;
    font-size: 0.58rem !important;
    line-height: 1.38;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-brandline {
    margin-top: 0.56rem;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-actions {
    margin-top: 0.54rem !important;
  }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 960px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding: 34svh 1rem 0.9rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v23-eyebrow {
    margin-bottom: 0.28rem !important;
    font-size: 0.56rem !important;
    line-height: 1.32;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-brandline {
    margin-top: 0.44rem;
    font-size: 0.62rem !important;
  }

  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-actions {
    margin-top: 0.48rem !important;
  }
}

@media (min-width: 961px) and (max-height: 700px) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v240-hero__copy {
    padding-block: clamp(10.5rem, 34svh, 15rem) 1.5rem !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer {
    background: #eef6f4;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer,
  html[data-v7160-hero="compact-glass-entry"] body.dbc-home-page #home .v790-hero-action--developer i {
    transform: none !important;
    transition: none !important;
  }
}