/* Home page. Shared components live in main.css. */
@media (min-width:641px){.hp-hero{min-height:min(800px,100svh)}}
.hp-hero h1{max-width:760px}
.hp-steps{--n:5}
.hp-steps>li{padding:24px 22px}
.hp-note{max-width:820px;margin:24px 0 0;font-size:16px}
.hp-more{margin:28px 0 0;text-align:center}
.hp-price{padding:clamp(26px,3vw,36px);border:1px solid var(--ss-ac-l);background:linear-gradient(160deg,#fff 0%,var(--ss-soft) 100%)}
.hp-price h3{font-size:22px}
.hp-price__fine{font-size:13.5px;color:var(--ss-tx)}
@media (max-width:1024px){.hp-steps{--n:3}}
.hp-tag{margin:0;color:var(--ss-ac);font-size:14px;font-weight:600}
.hp-hero .ss-hero__bg img{object-position:75% center}
.hp-hero::before{background:linear-gradient(90deg,rgba(10,6,20,.93) 0%,rgba(10,6,20,.74) 48%,rgba(10,6,20,.12) 100%)}
@media (max-width:860px){.hp-hero::before{background:linear-gradient(180deg,rgba(10,6,20,.55) 0%,rgba(10,6,20,.85) 60%,rgba(10,6,20,.92) 100%)}}