.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: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:rgba(var(--openms-dark-rgb),.82);text-wrap:pretty}.openms-steps--users{--showcase-media-min-h:clamp(14rem, 28vw, 20rem);--showcase-img-max-h:clamp(11rem, 20vw, 16.5rem);position:relative;overflow:hidden;border-top:none;background:var(--openms-white);color:var(--openms-dark)}.openms-steps--users::before,.openms-steps--users::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.openms-steps--users::before{top:-45%;right:-10%;width:32rem;height:32rem;background:radial-gradient( circle,rgba(var(--openms-blue-rgb),.1) 0%,transparent 70% )}.openms-steps--users::after{bottom:-34%;left:-6%;width:26rem;height:26rem;background:radial-gradient( circle,rgba(var(--openms-orange-rgb),.1) 0%,transparent 70% )}.openms-steps--users .openms-steps__inner{max-width:none;width:100%;position:relative;z-index:1}.openms-steps--users .openms-steps__header{max-width:50rem;margin:0 auto clamp(1.35rem,3vh,2rem);text-align:center}.openms-steps--users .openms-steps__eyebrow{display:inline-block;margin:0 0 .65rem;padding:.3rem .72rem;font-size:var(--openms-text-min);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--openms-blue);background:rgba(var(--openms-blue-rgb),.1);border:1px solid rgba(var(--openms-blue-rgb),.2);border-radius:999px}.openms-steps--users .openms-steps__subtitle{margin-left:auto;margin-right:auto;color:rgba(var(--openms-dark-rgb),.82)}.openms-steps--users .openms-steps__title{color:var(--openms-navy)}.openms-steps--users .openms-steps__title-accent{background:linear-gradient( 90deg,var(--openms-blue) 0%,var(--openms-purple) 50%,var(--openms-pink) 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.openms-steps--users .openms-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);align-items:stretch}.openms-steps--users .openms-step--showcase{display:flex;flex-direction:column;gap:0;min-height:100%;padding:0;border:1px solid rgba(var(--openms-navy-rgb),.08);border-radius:1rem;background:var(--openms-white);box-shadow:0 .35rem 1.25rem rgba(var(--openms-dark-rgb),.07);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.openms-steps--users .openms-step--showcase:hover{transform:translateY(-4px);border-color:rgba(var(--openms-blue-rgb),.22);box-shadow:0 .85rem 2rem rgba(var(--openms-blue-rgb),.16)}.openms-steps--users .openms-step--showcase .openms-step__media{order:-1;flex:auto;width:100%;min-height:var(--showcase-media-min-h);margin:0;padding:clamp(.85rem,1.8vw,1.35rem)clamp(.85rem,1.6vw,1.25rem);border:none;border-bottom:1px solid rgba(var(--openms-navy-rgb),.06);border-radius:0;background:linear-gradient( 165deg,rgba(var(--openms-blue-rgb),.08) 0%,rgba(var(--openms-white-rgb),1) 58%,color-mix(in srgb,var(--openms-steps-accent) 18%,var(--openms-white)) 100% )}.openms-steps--users .openms-step--showcase .openms-step__img,.openms-steps--users .openms-step--showcase .openms-step__img.img-fit{display:block;width:100%;max-width:100%;height:auto;max-height:var(--showcase-img-max-h);min-height:clamp(9rem,16vw,13.5rem);margin:0 auto;object-fit:contain;object-position:center;filter:none}.openms-steps--users .openms-step--showcase .openms-step__content{display:flex;flex-direction:column;flex:auto;min-width:0;gap:.55rem;padding:clamp(1.1rem,2vw,1.35rem)clamp(1.15rem,2.2vw,1.5rem)clamp(1.25rem,2.2vw,1.5rem)}.openms-steps--users .openms-step--showcase .openms-step__title{padding-right:0;font-size:clamp(1.12rem,1.55vw,1.3rem);line-height:1.24;color:var(--openms-navy)}.openms-steps--users .openms-step--showcase .openms-step__subtitle{font-size:clamp(.92rem,1.08vw,1.02rem);line-height:1.55;color:rgba(var(--openms-dark-rgb),.8);display:block;overflow:visible;-webkit-line-clamp:unset}.openms-steps--users .openms-step--showcase .openms-step__cta{align-self:flex-start;margin-top:auto;padding-top:.35rem}@media(min-width:1440px){.openms-steps--users{padding-left:clamp(2.5rem,6vw,6rem);padding-right:clamp(2.5rem,6vw,6rem)}.openms-steps--users .openms-steps__grid{gap:1.5rem}.openms-steps--users{--showcase-media-min-h:21rem;--showcase-img-max-h:17.5rem}}.openms-steps--developers{position:relative;overflow:hidden;background:var(--openms-navy);color:var(--openms-white);border-top-color:rgba(var(--openms-white-rgb),.08)}.openms-steps--developers::before,.openms-steps--developers::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.openms-steps--developers::before{top:-45%;right:-8%;width:34rem;height:34rem;background:radial-gradient( circle,rgba(var(--openms-white-rgb),.14) 0%,transparent 70% )}.openms-steps--developers::after{bottom:-35%;left:-6%;width:28rem;height:28rem;background:radial-gradient( circle,rgba(var(--openms-purple-rgb),.18) 0%,transparent 70% )}.openms-steps--developers .openms-steps__eyebrow{color:var(--openms-yellow);background:rgba(var(--openms-white-rgb),.08);border-color:rgba(var(--openms-white-rgb),.2)}.openms-steps--developers .openms-steps__inner{position:relative;z-index:1}.openms-steps--developers .openms-steps__header{text-align:center;margin:0 auto clamp(1.5rem,3vh,2.25rem);max-width:56rem;position:static;top:auto}.openms-steps--developers .openms-steps__title{color:var(--openms-white)}.openms-steps--developers .openms-steps__title-accent{background:linear-gradient( 90deg,var(--openms-yellow) 0%,var(--openms-orange) 42%,var(--openms-pink) 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.openms-steps--developers .openms-steps__subtitle{margin-left:auto;margin-right:auto;color:rgba(var(--openms-white-rgb),.9)}.openms-steps--developers .openms-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.75vw,1.25rem)}.openms-steps--developers .openms-step{border-color:rgba(var(--openms-white-rgb),.16);background:rgba(var(--openms-white-rgb),.08);box-shadow:0 .35rem 1.25rem rgba(var(--openms-dark-rgb),.35)}.openms-steps--developers .openms-step__tag{display:inline-block;width:fit-content;margin:0 0 .35rem;padding:.28rem .6rem;font-family:var(--openms-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--openms-yellow);background:rgba(var(--openms-white-rgb),.08);border:1px solid rgba(var(--openms-white-rgb),.18);border-radius:.35rem}.openms-steps--developers .openms-step__title{color:var(--openms-white)}.openms-steps--developers .openms-step__subtitle{color:rgba(var(--openms-white-rgb),.9)}.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-steps--developers .openms-step{display:flex;flex-direction:column;align-items:stretch;min-height:11.5rem}.openms-steps--developers .openms-step__media{order:1;min-height:9.5rem;border-left:none;border-bottom:1px solid rgba(var(--openms-white-rgb),.12);background:rgba(var(--openms-white-rgb),.06)}.openms-steps--developers .openms-step__content{order:2;justify-content:center}.openms-steps--developers .openms-step--terminal .openms-step__media{width:100%;padding:.65rem;background:rgba(var(--openms-dark-rgb),.92);border-bottom-color:rgba(var(--openms-white-rgb),.12)}.openms-steps--developers .openms-step:nth-child(even) .openms-step__media{order:2;border-bottom:none;border-top:1px solid rgba(var(--openms-white-rgb),.12)}.openms-steps--developers .openms-step:nth-child(even) .openms-step__content{order:1}.openms-steps--developers .openms-step--terminal .openms-step__terminal .terminal-window{height:11rem;min-height:11rem;border-radius:.5rem}.openms-steps--developers .openms-step--terminal .terminal-window section.terminal{font-size:.625rem;line-height:1.45}.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:1024px){.openms-steps--users .openms-steps__inner{max-width:none}.openms-steps--users .openms-steps__header{max-width:52rem}.openms-steps--users .openms-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.openms-steps--developers .openms-steps__inner{display:block}.openms-steps--developers .openms-steps__header{max-width:56rem}.openms-steps--developers .openms-steps__grid{grid-template-columns:1fr}}@media(max-width:768px){.openms-steps--users .openms-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.openms-steps--users{--showcase-media-min-h:clamp(12rem, 24vw, 14.5rem);--showcase-img-max-h:clamp(9.5rem, 18vw, 11.5rem)}.openms-steps--users .openms-step--showcase .openms-step__img,.openms-steps--users .openms-step--showcase .openms-step__img.img-fit{min-height:clamp(8rem,15vw,9.5rem)}.openms-steps--developers .openms-step{min-height:auto}.openms-steps--developers .openms-step__media{order:1;width:100%;border-bottom:1px solid rgba(var(--openms-navy-rgb),.08);border-top:none;min-height:8.5rem}.openms-steps--developers .openms-step__content{order:2}.openms-steps--developers .openms-step:nth-child(even) .openms-step__media{order:1;border-top:none}.openms-steps--developers .openms-step:nth-child(even) .openms-step__content{order:2}.openms-steps--developers .openms-step--terminal .openms-step__media{min-height:10rem}.openms-steps--developers .openms-step--terminal .openms-step__terminal .terminal-window{min-height:9rem;height:9rem}}@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%}.openms-steps--users .openms-step__cta{width:auto}}@media(max-width:520px){.openms-steps--users .openms-steps__grid{grid-template-columns:1fr}.openms-steps--users{--showcase-media-min-h:clamp(13.5rem, 38vw, 16rem);--showcase-img-max-h:clamp(11rem, 28vw, 13.5rem)}.openms-steps--users .openms-step--showcase .openms-step__img,.openms-steps--users .openms-step--showcase .openms-step__img.img-fit{min-height:clamp(9.5rem,24vw,11.5rem)}}@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)}}