.services-section{background:var(--c-band);width:100%;color:var(--c-ink);padding-block:clamp(4rem,7vw,6rem);position:relative}.offer-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.offer-step{border-top:5px solid var(--c-red);color:#fff;transition:transform .35s var(--ease-reveal);background:#141414;border-radius:6px 6px 16px 16px;flex-direction:column;gap:.66667rem;padding:clamp(1.5rem,2.6vw,2.11111rem);display:flex;position:relative;overflow:clip}.offer-step:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff12 0 2px,#0000 2px 10px);width:7rem;height:7rem;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(225deg,#000 0%,#0000 70%);mask-image:linear-gradient(225deg,#000 0%,#0000 70%)}.offer-step-num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--c-red);font-size:clamp(2.66667rem,4.4vw,3.77778rem);font-weight:700;line-height:.9}.offer-step-name{letter-spacing:-.025em;text-transform:uppercase;margin:.44444rem 0 0;font-size:clamp(1.44444rem,2.1vw,1.77778rem);font-weight:600;line-height:1.1}.offer-step-text{color:#ffffffb8;margin:0;font-size:1rem;line-height:1.55}@media (hover:hover){.offer-step:hover{transform:translateY(-4px)}}.offer-step-when{z-index:1;font-family:var(--font-inter);letter-spacing:.12em;text-transform:uppercase;opacity:.7;border:1px solid;border-radius:999px;padding:.27778rem .66667rem;font-size:.61111rem;font-weight:700;position:absolute;top:1.33333rem;right:1.33333rem}.offer-step--1{color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-rule);background:#fff}.offer-step--1:after{background:radial-gradient(circle at 100% 0,#0000 3.2rem,#1414141a 3.2rem 3.3rem,#0000 3.3rem 5rem,#14141414 5rem 5.1rem,#0000 5.1rem);width:9rem;height:9rem;-webkit-mask-image:none;mask-image:none}.offer-step--1 .offer-step-text{color:var(--c-ink-soft)}.offer-step--2:after{background:linear-gradient(#ffffff14 1px,#0000 1px) 0 0/1.25rem 1.25rem,linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/1.25rem 1.25rem;width:10rem;height:10rem}.offer-step--3{background:var(--c-red);border-top-color:#141414}.offer-step--3 .offer-step-num{color:#fff}.offer-step--3 .offer-step-text{color:#ffffffd9}.offer-step--3:after{background:repeating-conic-gradient(#00000038 0 25%, transparent 0 50%) 0 0 / 1.33333rem 1.33333rem;width:8rem;height:8rem}.offer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:1.77778rem;display:flex}.offer-note{max-width:32rem;color:var(--c-muted);margin:0;font-size:1rem;line-height:1.55}@media screen and (max-width:767.98px){.services-section{padding-block:3.33333rem}.offer-steps{grid-template-columns:1fr;gap:.55556rem}.offer-step{border-top-width:4px;grid-template-columns:3.33333rem minmax(0,1fr);gap:.22222rem .77778rem;padding:1.11111rem 1.11111rem 1.22222rem;display:grid}.offer-step-when{justify-self:start;margin-bottom:.33333rem;font-size:.5rem;position:static}.offer-step-num{grid-row:1/span 3;font-size:2.44444rem}.offer-step-name{margin:0;font-size:1.16667rem}.offer-step-text{font-size:.88889rem}.offer-foot{margin-top:1.33333rem}.offer-note{font-size:.88889rem}}@media (prefers-reduced-motion:reduce){.offer-step{transition:none}}
