.s-head .s-brand,.s-foot .s-brand{display:block;width:170px;height:36px;background:url(/site-assets/8230d6dc-bfb3-4b31-a543-84da9edc79cc) left center/contain no-repeat}
.s-head .s-brand .s-logo,.s-foot .s-brand .s-logo{opacity:0}
#privacy-note{padding-top:0;margin-top:-56px}
.sr-privacy{font-size:.9rem;margin:0;text-align:center;color:#E4ECE6}
.sr-privacy a{color:#FFFFFF}
/* Motion polish (CMO, Nov 2). Hover lifts use translate, which the builder's entrances (transform) leave alone. Nothing moves for reduced motion. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .s-card,.s-plan{transition:translate .22s ease,box-shadow .22s ease,border-color .22s ease}
  .s-card:hover,.s-plan:hover{translate:0 -4px;box-shadow:0 18px 36px -20px rgba(31,42,36,.38)}
  .s-btn{transition:background-color .15s,color .15s,translate .2s ease,box-shadow .2s ease}
  .s-btn:hover{translate:0 -2px;box-shadow:0 12px 22px -14px rgba(31,42,36,.55)}
  .s-steps li{transition:translate .22s ease}
  .s-steps li:hover{translate:0 -3px}
  .s-faq-list summary{transition:color .15s}
  .s-faq-list summary:hover{color:#24533F}
  .s-hero-media img{transition:translate .4s ease,box-shadow .4s ease}
  .s-hero-media img:hover{translate:0 -6px}
}
@keyframes sr-head-shadow{to{box-shadow:0 10px 28px -18px rgba(31,42,36,.45);background-color:color-mix(in oklch,var(--background) 92%,transparent)}}
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .s-head{animation:sr-head-shadow linear both;animation-timeline:scroll(root);animation-range:0 140px}
  }
}