/* cloude-ui-polish */
:root {
  --cloude-focus: #d9772f;
  --cloude-lift: 0 14px 36px rgba(12, 17, 24, .22);
}
::selection {
  background: rgba(217, 119, 47, .32);
  color: inherit;
}
:focus-visible {
  outline: 2px solid var(--cloude-focus);
  outline-offset: 3px;
}
.hero__title {
  text-wrap: balance;
  letter-spacing: .02em;
}
.hero__lead {
  text-wrap: pretty;
  max-width: 42rem;
  font-size: 1.12rem;
  color: #f3f6fb;
  text-shadow: 0 1px 12px rgba(8, 12, 18, .45);
}
.btn {
  min-height: 2.85rem;
  border-radius: 2px;
}
.btn--primary {
  box-shadow: 0 8px 22px rgba(217, 119, 47, .28);
}
.btn--primary:hover {
  filter: brightness(1.1);
  box-shadow: var(--cloude-lift);
}
.section__head h2 {
  letter-spacing: .04em;
}
.section__head p {
  text-wrap: pretty;
  max-width: 62ch;
  font-size: 1.05rem;
}
.feature {
  padding: 1.15rem 1.2rem 1.15rem 1.1rem;
  border: 1px solid rgba(12, 17, 24, .1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 8px 20px rgba(12, 17, 24, .06);
}
.feature:hover {
  padding-left: 1.25rem;
  border-color: rgba(217, 119, 47, .45);
  background: #fff8f2;
  box-shadow: var(--cloude-lift);
}
.section--dark .feature,
.section--steel .feature {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .12);
}
.brand-tile {
  border-radius: 8px;
}
.brand-tile:hover,
.line-card:hover {
  box-shadow: var(--cloude-lift);
}
@media (max-width: 720px) {
  .nav > a,
  .nav__item > button {
    min-height: 44px;
    padding-inline: .7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}