.openms-steps{--openms-steps-accent:rgba(var(--openms-yellow-rgb), 1);padding:clamp(2.75rem,5.5vh,4rem)clamp(1.25rem,4vw,2.5rem);background:linear-gradient( 180deg,color-mix(in srgb,var(--openms-steps-accent) 14%,var(--openms-white)) 0%,var(--openms-white) 32% );border-top:3px solid var(--openms-steps-accent)}.openms-steps__inner{max-width:var(--pro-max,75rem);margin:0 auto}.openms-steps__header{max-width:44rem;margin:0 auto clamp(1.75rem,3.5vh,2.5rem);text-align:center}.openms-steps__eyebrow{display:inline-block;margin:0 0 .85rem;padding:.35rem .85rem;font-family:var(--openms-font-body);font-size:var(--openms-text-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--openms-navy);background:color-mix(in srgb,var(--openms-steps-accent) 35%,var(--openms-white));border:1px solid color-mix(in srgb,var(--openms-steps-accent) 55%,transparent);border-radius:999px}.openms-steps__title{margin:0;font-family:var(--openms-font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--openms-heading-lg-weight);line-height:1.1;letter-spacing:-.02em;color:var(--openms-navy);text-wrap:balance}.openms-steps__title-accent{background:linear-gradient( 90deg,var(--openms-navy) 0%,color-mix(in srgb,var(--openms-steps-accent) 70%,var(--openms-navy)) 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.openms-steps__subtitle{margin:.85rem auto 0;max-width:50ch;font-family:var(--openms-font-body);font-size:var(--openms-body-size-lg);line-height:1.6;color:var(--openms-card-title-color);text-wrap:pretty}.openms-steps__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:clamp(.75rem,1.5vw,1.15rem)}.openms-steps__item{margin:0;min-width:0;display:flex}.openms-step{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0;border-radius:.9rem;background:var(--openms-white);border:1px solid rgba(var(--openms-navy-rgb),.1);box-shadow:0 .25rem 1rem rgba(var(--openms-dark-rgb),.06);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.openms-step:hover{border-color:rgba(var(--openms-blue-rgb),.28);box-shadow:0 .5rem 1.35rem rgba(var(--openms-blue-rgb),.12);transform:translateY(-2px)}.openms-step__index{display:none}.openms-step__media{display:flex;align-items:center;justify-content:center;min-height:9.5rem;padding:clamp(1rem,2.5vw,1.35rem);background:linear-gradient( 180deg,color-mix(in srgb,var(--openms-steps-accent) 10%,var(--openms-white)) 0%,rgba(var(--openms-navy-rgb),.03) 100% );border-bottom:1px solid rgba(var(--openms-navy-rgb),.08)}.openms-step__img{display:block;max-width:100%;max-height:8.5rem;width:auto;height:auto;object-fit:contain}.openms-step__img.img-fit{max-height:7rem}.openms-step__terminal{width:100%;max-width:100%}.openms-step__terminal .terminal-window{width:100%;max-width:100%;margin:0}.openms-step__content{display:flex;flex-direction:column;flex:auto;gap:.65rem;padding:clamp(1rem,2vw,1.2rem)clamp(1rem,2vw,1.25rem)clamp(1.1rem,2vw,1.35rem)}.openms-step__title{margin:0;padding-right:2rem;font-family:var(--openms-font-heading);font-size:clamp(1rem,1.6vw,1.125rem);font-weight:700;line-height:1.28;color:var(--openms-navy);letter-spacing:-.01em;text-wrap:balance}.openms-step__subtitle{margin:0;flex:auto;font-family:var(--openms-font-body);font-size:var(--openms-body-size);line-height:1.55;color:rgba(var(--openms-dark-rgb),.8);text-wrap:pretty}.openms-step__cta{margin-top:.25rem}.openms-step__cta-arrow{transition:transform .2s ease}.openms-step__cta:hover .openms-step__cta-arrow,.openms-step__cta:focus-visible .openms-step__cta-arrow{transform:translateX(.15rem)}@media(max-width:640px){.openms-steps__header{text-align:left;margin-inline:0}.openms-steps__grid,.openms-steps--developers .openms-steps__grid{grid-template-columns:1fr}.openms-step__cta{width:100%}}@media(prefers-reduced-motion:reduce){.openms-step:hover,.openms-steps--users .openms-step--showcase:hover{transform:none}.openms-step__cta:hover,.openms-step__cta:focus-visible{transform:none}.openms-step__cta-arrow{transition:none}}@media(prefers-contrast:more){.openms-step{border-color:var(--openms-navy)}}