/* Tactile paper artwork follows the approved editorial reference and violet lighting. */
.violet-section{background:linear-gradient(135deg,var(--ink) 0%,#2d0b63 58%,var(--violet) 100%);isolation:isolate}
.violet-section::before{background:linear-gradient(90deg,rgba(30,11,60,.25),rgba(30,11,60,.2)),url('/assets/images/pointed-domain-paper-v1.webp') right bottom/cover no-repeat;z-index:-1}
#website-process::before{background:linear-gradient(90deg,rgba(30,11,60,.2),rgba(30,11,60,.48)),url('/assets/images/pointed-process-paper-v1.webp') right bottom/cover no-repeat}
.home-domain-section::before{background:linear-gradient(90deg,rgba(30,11,60,.18),rgba(30,11,60,.5)),url('/assets/images/pointed-domain-paper-v1.webp') right bottom/cover no-repeat}
.steps{padding-left:0;list-style:none}
.violet-section .step{border-color:rgba(255,255,255,.35)}
.violet-section .step-icon{background:#35106f;border-color:rgba(255,255,255,.72);color:#fff;box-shadow:none}
@media(max-width:760px){
 .violet-section::before,#website-process::before,.home-domain-section::before{background-size:100% 100%,auto 100%;background-position:center,left top}
 #website-process::before{background-image:linear-gradient(135deg,rgba(30,11,60,.1),rgba(76,29,149,.22)),url('/assets/images/pointed-process-paper-v1.webp')}
 .home-domain-section::before{background-image:linear-gradient(135deg,rgba(30,11,60,.12),rgba(76,29,149,.2)),url('/assets/images/pointed-domain-paper-v1.webp')}
 #website-process::after,.home-domain-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(30,11,60,.45),rgba(30,11,60,.45)),url('/assets/images/pointed-process-paper-v1.webp') right bottom/100% auto no-repeat;mask-image:linear-gradient(to bottom,transparent calc(100% - 17rem),#000 calc(100% - 8rem))}
 .home-domain-section::after{background-image:linear-gradient(rgba(30,11,60,.45),rgba(30,11,60,.45)),url('/assets/images/pointed-domain-paper-v1.webp')}
 .violet-section .step:not(:last-child)::after{background:rgba(255,255,255,.38)}
 .violet-section .step.is-complete:not(:last-child)::after{background:#fff}
 .violet-section .step.is-current .step-icon{background:#fff;color:var(--violet);border-color:#fff;transform:none;box-shadow:none}
 .violet-section .step.is-complete .step-icon{background:#fff;color:var(--violet);border-color:#fff;box-shadow:none}
}