@layer partials{.steps{container-type:inline-size}.steps__items{gap:1.6rem;display:grid}@container (min-width:544px){.steps__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:1024px){.steps__items{grid-template-columns:repeat(4,minmax(0,1fr))}.steps__item:first-child{transition-delay:.15s}.steps__item:nth-child(2){transition-delay:.3s}.steps__item:nth-child(3){transition-delay:.45s}.steps__item:nth-child(4){transition-delay:.6s}.steps__item.-is-visible:not(:last-child) .steps__item-inner:after{width:1.6rem}}.steps__item:first-child{z-index:4}.steps__item:first-child .steps__item-inner{color:var(--g-color-orange-200)}.steps__item:not(:first-child) .steps__item-description{color:var(--g-color-gray-200)}.steps__item:not(:last-child) .steps__item-inner:after{content:"";background-color:var(--g-color-contrast);width:.1rem;height:1.6rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}@container (min-width:544px){.steps__item:not(:last-child) .steps__item-inner:after{top:4.8rem;right:-1.6rem;left:unset;width:1.6rem;height:.1rem;transform:unset}}@container (min-width:1024px){.steps__item:not(:last-child) .steps__item-inner:after{width:0;transition-property:width;transition-duration:var(--g-easing-duration-long);transition-timing-function:var(--g-easing-morph);transition-delay:1.25s}}@container (min-width:544px){.steps__item:not(:last-child):nth-child(2) .steps__item-inner:after{display:none}}@container (min-width:1024px){.steps__item:not(:last-child):nth-child(2) .steps__item-inner:after{display:block}}.steps__item-inner{height:100%;min-height:24rem;color:var(--g-color-contrast);background-color:var(--g-color-dark-300);border-radius:1.6rem;align-content:space-between;gap:3.6rem;padding:2.4rem 2.4rem 3.2rem;display:grid;position:relative}.steps__item-inner:before{content:"";background:linear-gradient(to bottom,color-mix(#666,transparent 100%)0%,#333 80%);border-radius:1.6rem;position:absolute;inset:0}.steps__item-icon,.steps__item-data{z-index:2;position:relative}.steps__item-icon{grid-template-columns:1fr 5rem;align-items:center;gap:.8rem;width:100%;display:grid}.steps__item-icon-line{width:100%;height:.2rem;position:relative;overflow:hidden}.steps__item-icon-line svg{width:auto;height:.3rem;position:absolute;top:0;left:0}.steps__item-icon-line svg rect{fill:currentColor}.steps__item-icon-line svg line{stroke:currentColor}.steps__item-icon img{object-fit:contain;width:5rem;height:5rem}.steps__item-data{gap:.8rem;display:grid}.steps__item-data>*{margin:0}.steps__item-title,.steps__item-description{color:inherit}.steps__item-title{letter-spacing:-.03rem;font-size:2.4rem;font-weight:700;line-height:3rem}@media (min-width:768px){.steps__item-title{font-size:3.2rem;line-height:3.6rem}}@media (min-width:1024px){.steps__item-title{font-size:4rem;line-height:4.4rem}}.steps__item-description{font-size:1.8rem;line-height:2.4rem}@media (min-width:1024px){.steps__item-description{font-size:2rem;line-height:2.6rem}}.steps__item-description{font-family:var(--g-font-secondary);font-weight:700}.steps__footer{justify-content:center;gap:var(--g-spacing-6);grid-template-columns:1fr;margin-top:6.4rem;display:grid}.steps__subheading{color:var(--g-color-contrast);text-align:center;margin-bottom:0}.steps__subheading strong{color:var(--g-color-orange-200)}.steps__buttons{gap:1.6rem;display:grid}@container (min-width:768px){.steps__buttons{justify-content:center;align-items:center;display:flex}}.steps__button:nth-child(2):before{letter-spacing:-.02rem;font-size:2rem;line-height:2.6rem}@media (min-width:768px){.steps__button:nth-child(2):before{font-size:2.4rem;line-height:3rem}}@media (min-width:1024px){.steps__button:nth-child(2):before{font-size:3.2rem;line-height:4rem}}.steps__button:nth-child(2):before{content:"or";color:var(--g-color-contrast);font-family:var(--g-font-secondary);text-align:center;margin:0 auto 1.6rem;display:block;position:relative}@container (min-width:768px){.steps__button:nth-child(2):before{text-align:left;margin:0 1.6rem 0 0;display:inline-block;top:.8rem}}.steps__bottom{display:none}@container (min-width:1024px){.steps__bottom{justify-content:space-between;margin-top:4.2rem;display:flex}}.steps__bottom-text{color:var(--g-color-gray-400);font-family:var(--g-font-secondary);font-weight:700}.steps__bottom-icon{aspect-ratio:1;place-items:center;width:5rem;display:grid}.steps__bottom-icon svg{width:100%;height:auto;animation-name:bottom-icon-animation;animation-duration:10s;animation-timing-function:var(--g-easing-linear);animation-iteration-count:infinite}@keyframes bottom-icon-animation{0%{rotate:none}to{rotate:360deg}}}
