/* SEYLAC-HOMEPAGE-RESPONSIVE-UNITY-V4: final rules after historical styles. */
html body main .shv-home .sx-features > .shv-shell {
  box-sizing:border-box !important;
  width:min(1280px,calc(100% - 48px)) !important;
  max-width:1280px !important;
  min-width:0 !important;
  margin-inline:auto !important;
  padding:0 !important;
}
html body main .shv-home .sx-features .s4-story-stack {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  grid-template-columns:minmax(0,1fr) !important;
}
html body main .shv-home .sx-features .s4-story-stack > :is(.s4-story,.sx-feature-mobile,.sx-tools) {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-inline:0 !important;
}

@media (min-width:981px) {
  html body main .shv-home .sx-features .s4-story-stack > .s4-story-value--trust.sst2.setr4 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    height:auto !important;
    min-height:480px !important;
    max-height:none !important;
    margin:0 !important;
    padding:18px !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 .s4-value-photo {
    width:100% !important;
    height:auto !important;
    min-height:444px !important;
    max-height:none !important;
    background-position:center 15% !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 .s4-value-content {
    width:100% !important;
    height:auto !important;
    min-height:444px !important;
    max-height:none !important;
    padding:24px clamp(28px,3vw,46px) !important;
    overflow:visible !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 #s4-story-value-title {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(36px,3vw,46px) !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }
  html body main .shv-home .sx-features .sx-feature-mobile {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    min-height:480px !important;
  }
  html body main .shv-home .sx-features .sx-feature-mobile-visual--person {
    min-height:480px !important;
  }
  html body main .shv-home .sx-features .sx-tools {
    width:100% !important;
  }
}

@media (min-width:641px) and (max-width:980px) {
  html body main .shv-home .sx-features > .shv-shell {
    width:calc(100% - 32px) !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4,
  html body main .shv-home .sx-features .sx-feature-mobile,
  html body main .shv-home .sx-features .sx-tools__intro {
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 {
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
  }
}

@media (max-width:640px) {
  html body main .shv-home .sx-features {
    overflow:visible !important;
    padding:24px 0 36px !important;
  }
  html body main .shv-home .sx-features > .shv-shell {
    width:calc(100% - 24px) !important;
    max-width:none !important;
    padding:0 !important;
    margin-inline:auto !important;
  }
  html body main .shv-home .sx-features .s4-story-stack {
    width:100% !important;
    gap:20px !important;
    padding:0 !important;
  }
  html body main .shv-home .sx-features .s4-story-stack > :is(.s4-story,.sx-feature-mobile,.sx-tools) {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:16px !important;
  }
  html body main .shv-home .sx-features .s4-story-stack > .s4-story-value--trust.sst2.setr4 {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 .s4-value-content {
    order:1 !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:28px 22px 24px !important;
    overflow:visible !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 #s4-story-value-title,
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 #s4-story-value-title * {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(29px,8.5vw,36px) !important;
    line-height:1.08 !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
  }
  html body main .shv-home .sx-features .s4-story-value--trust.sst2.setr4 .s4-value-photo {
    order:2 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:4 / 5 !important;
    margin:0 !important;
    border-radius:0 0 16px 16px !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  html body main .shv-home .sx-features .sx-feature-mobile {
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  html body main .shv-home .sx-features .sx-feature-mobile-visual--person {
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
    margin:0 !important;
    background-size:cover !important;
  }
  html body main .shv-home .sx-features .sx-feature-mobile-copy {
    order:1 !important;
    width:100% !important;
    padding:28px 22px !important;
  }
  html body main .shv-home .sx-features #sx-feature-mobile-title {
    font-size:clamp(28px,8.4vw,34px) !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }
  html body main .shv-home .sx-features .sx-tools {
    padding:0 !important;
  }
  html body main .shv-home .sx-features .sx-tools__intro {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:0 !important;
  }
  html body main .shv-home .sx-features .sx-tools__copy {
    width:100% !important;
    padding:28px 22px 22px !important;
  }
  html body main .shv-home .sx-features #sx-tools-title {
    width:100% !important;
    font-size:clamp(28px,9vw,36px) !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }
  html body main .shv-home .sx-features #sx-tools-title span {
    display:block !important;
    white-space:normal !important;
  }
  html body main .shv-home .sx-features .sx-tools__photo {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:3 / 2 !important;
    margin:0 !important;
    border-radius:0 !important;
  }
  html body main .shv-home .sx-features .sx-tools__photo img {
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
  }
  html body main .shv-home .sx-features .sx-tools__cards {
    width:100% !important;
    padding:18px !important;
  }
}
