.page-hero .split{align-items:center}
.page-hero .crumbs{margin-bottom:clamp(1rem,3vh,2rem)}
.page-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:2rem}
.hero-stack{--col:8/-1;align-self:center}
.hero-stack svg{width:100%;overflow:visible}
.hs-tags text{font-size:14px;font-weight:600;fill:var(--navy);text-anchor:middle}
.s-blue{stroke:var(--blue)}

.finder>div{padding-block:1.25rem;border-top:1px solid var(--line)}
.finder dt{font-size:1.25rem;font-weight:600;font-stretch:105%}
.finder dd{margin:.75rem 0 0}
.finder__label{display:block;font-size:.875rem;font-weight:600;color:var(--fg-muted)}
.finder__service{display:inline-block;margin-top:.25rem;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:650;font-stretch:115%;line-height:1.1;letter-spacing:-.02em;color:var(--blue);text-decoration:none}
.finder__service:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.finder dd>p:not([class]){margin-top:.75rem;max-width:46ch;color:var(--fg-muted)}
.finder__pair{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line);max-width:46ch}
.finder__pair a{font-weight:600;color:var(--blue)}
.finder.is-ready{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(var(--n,6),auto) 1fr;column-gap:var(--gutter);align-items:start}
.finder.is-ready>div{display:contents;padding:0;border:0}
.finder.is-ready dt{grid-column:1}
.finder.is-ready dd{grid-column:2;grid-row:1/-1;margin:0;padding:clamp(1.75rem,3.5vw,3rem);border-radius:4px;background:var(--mist)}
.finder.is-ready dd.is-in{animation:finder-in .4s cubic-bezier(.2,.7,.2,1)}
@keyframes finder-in{from{opacity:0;transform:translateX(.75rem)}}
.finder button{display:flex;align-items:center;gap:.9rem;width:100%;margin-block:.25rem;padding:1rem 1.25rem;border:1.5px solid var(--line);border-radius:4px;background:#fff;font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.finder button::before{content:"";flex:none;width:.625rem;height:.625rem;border:1.5px solid currentColor;border-radius:50%;transition:background-color .2s,border-color .2s}
.finder button:hover{border-color:var(--navy)}
.finder button[aria-expanded="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.finder button[aria-expanded="true"]::before{border-color:var(--amber);background:var(--amber)}

.svc-rows{border-top:1px solid var(--line)}
.svc-row{padding-block:clamp(2.25rem,4.5vw,3.5rem);border-bottom:1px solid var(--line);row-gap:1.75rem;scroll-margin-top:5rem}
.svc-row__main{--col:1/span 5}
.svc-row__main svg{width:5.5rem;margin-bottom:1.5rem;color:var(--navy)}
.svc-row h3{font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:650;font-stretch:115%;line-height:1.05;letter-spacing:-.02em}
.svc-row__main p{margin-top:1rem;max-width:46ch;color:var(--fg-muted)}
.svc-row__main .text-link{display:inline-block;margin-top:1.5rem;color:var(--blue)}
.svc-row__list:nth-child(2){--col:7/span 3}
.svc-row__list:nth-child(3){--col:10/-1}
.svc-row__label{margin-bottom:.6rem;font-size:.875rem;font-weight:600}
.svc-row__list li{padding-block:.5rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--fg-muted)}

.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);counter-reset:stage}
.flow>li{position:relative;padding-top:4.25rem;counter-increment:stage}
.flow>li::before{content:counter(stage);position:absolute;top:0;left:0;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border:1.5px solid #fff;border-radius:50%;background:var(--bg);font-weight:600}
.flow>li::after{content:"";position:absolute;top:1.5rem;left:3.75rem;right:calc(-1 * var(--gutter) + .75rem);height:1.5px;background:var(--rule)}
.flow>li:last-child::after{display:none}
.flow>li:last-child::before{border-color:var(--amber);color:var(--amber)}
.flow h3{font-size:1.5rem;font-stretch:110%}
.flow p{margin-top:.6rem;color:var(--fg-muted)}
.flow__services{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.flow__services li{padding:.25rem .7rem;border:1px solid var(--rule);border-radius:2px;font-size:.875rem}
.flow__services a{text-decoration:none}
.flow__services li:has(a):hover{border-color:#fff}
.flow__loop{position:relative;height:3.5rem;margin:2rem 1.5rem 0;border:1.5px dashed var(--rule);border-top:0;border-radius:0 0 4px 4px;text-align:center}
.flow__loop::before{content:"";position:absolute;left:-.4rem;top:-.5rem;border:.4rem solid transparent;border-bottom:.55rem solid var(--rule);border-top:0}
.flow__loop span{position:relative;top:2.75rem;padding-inline:1rem;background:var(--bg);font-size:.9375rem;color:var(--fg-muted)}

.tech{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem var(--gutter)}
.tech>li{display:flex;flex-direction:column;align-items:flex-start;padding-top:1.75rem;border-top:1px solid var(--line)}
.tech svg{width:3.5rem;margin-bottom:1.25rem;color:var(--navy)}
.tech h3{font-size:1.375rem;font-stretch:110%}
.tech p{margin-top:.6rem;font-size:.9375rem;color:var(--fg-muted)}
.tech ul{align-self:stretch;margin-top:1rem;font-size:.9375rem}
.tech ul li{padding-block:.35rem;border-top:1px solid var(--line)}
.tech .text-link{margin-top:auto;padding-top:1.25rem;color:var(--blue)}

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);align-items:start}
.plan{display:grid;justify-items:start;padding-top:1.75rem;border-top:3px solid var(--navy)}
.plan--featured{border-color:var(--blue)}
.plan__tag{margin:-.25rem 0 .75rem;padding:.2rem .6rem;border-radius:2px;background:var(--blue);font-size:.8125rem;font-weight:600;color:#fff}
.plan h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650;font-stretch:115%;line-height:1.1;letter-spacing:-.02em}
.plan__for{margin-top:.75rem;font-weight:500}
.plan p:not([class]){margin-top:.75rem;color:var(--fg-muted)}
.plan .text-link,.plan .btn{margin-top:1.75rem}
.plan .text-link{color:var(--blue)}

@media (max-width:59.99rem){
  .finder.is-ready,.finder.is-ready>div{display:block}
  .finder.is-ready dd{margin:.5rem 0 1.25rem}
  .flow{grid-template-columns:1fr 1fr;row-gap:3rem}
  .flow>li::after{display:none}
  .flow__loop{height:auto;margin:3rem 0 0;border:0;text-align:left}
  .flow__loop::before{display:none}
  .flow__loop span{position:static;padding:0}
  .plans{grid-template-columns:1fr;gap:2.5rem}
  .tech{grid-template-columns:1fr 1fr}
  .hero-stack{max-width:34rem;margin-top:1rem}
}
@media (max-width:35.99rem){
  .flow,.tech{grid-template-columns:1fr}
}