.tp-steps{padding:var(--sp-16) var(--tp-gutter);background:transparent;position:relative;z-index:1;font-family:var(--ff)}.tp-steps--light{background:var(--surface)}.tp-steps__wrap{max-width:var(--maxw);margin:0 auto}.tp-steps__title{font-size:var(--fs-3xl);font-weight:var(--fw-extra);color:var(--color-text);text-align:center;letter-spacing:-.02em;margin:0 0 var(--sp-3)}.tp-steps__subtitle{font-size:var(--fs-lg);color:var(--color-muted);text-align:center;max-width:60ch;margin:0 auto var(--sp-12);line-height:1.6}.tp-steps__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}@media(min-width:821px){.tp-steps--4 .tp-steps__list{grid-template-columns:repeat(4,1fr)}}.tp-steps__item{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--glass-inset),var(--shadow-soft);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);padding:var(--sp-8) var(--sp-6) var(--sp-6)}.tp-steps__num{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:linear-gradient(150deg,var(--tp-blue),var(--tp-green));color:var(--tp-white);font-weight:var(--fw-extra);font-size:var(--fs-xl);font-family:inherit;margin-bottom:var(--sp-4)}.tp-steps__h{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 var(--sp-2)}.tp-steps__t{font-size:var(--fs-sm);line-height:1.6;color:var(--color-muted)}.tp-steps__t p{margin:0}.tp-steps__cta{text-align:center;margin-top:var(--sp-10)}.tp-steps__btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-md);font-weight:var(--fw-bold);font-size:var(--fs-base);background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tp-steps__btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px var(--cta-glow)}@media(max-width:820px){.tp-steps{padding:var(--sp-12) var(--tp-gutter)}.tp-steps__title{font-size:var(--fs-2xl)}.tp-steps__list{grid-template-columns:1fr;gap:var(--sp-4)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tp-b2b-steps.css.map */