.bayu-hiw-page{padding-block:var(--sp-8) var(--sp-16);display:grid;gap:var(--sp-12)}.bayu-hiw-page__intro{display:grid;gap:var(--sp-3);max-width:60ch}.bayu-hiw-page__title{font-size:var(--fs-4xl)}.bayu-hiw-page__steps{display:grid;gap:var(--sp-6)}.bayu-hiw-page__list{display:grid;gap:var(--sp-4)}.bayu-hiw-page__step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--bayu-line)}.bayu-hiw-page__num{font-size:var(--fs-sm);font-weight:var(--fw-heading);color:var(--bayu-red);font-variant-numeric:tabular-nums}.bayu-hiw-page__step-text{display:grid;gap:var(--sp-1)}.bayu-hiw-page__diagram{display:grid;gap:var(--sp-6)}.bayu-hiw-page__diagram-copy{display:grid;gap:var(--sp-4);align-content:center}.bayu-hiw-page__callouts{list-style:decimal;padding-left:1.5em;display:grid;gap:var(--sp-2)}.bayu-hiw-page__diagram-media{background:var(--bayu-surface);border-radius:var(--radius-lg)}.bayu-hiw-page__diagram-media img{padding:var(--sp-4)}.bayu-hiw-page__kits{display:grid;gap:var(--sp-6)}.bayu-hiw-page__closing .bayu-media{border-radius:var(--radius-lg)}.bayu-hiw-page__cta{display:grid;gap:var(--sp-4);justify-items:start}.bayu-hiw-page__body{max-width:64ch}.bayu-hiw-page__list--two .bayu-hiw-page__step-text{justify-items:start}.bayu-hiw-page__connect{display:grid;gap:var(--sp-6)}.bayu-hiw-page__connect-copy{display:grid;gap:var(--sp-3);max-width:64ch}.bayu-hiw-page__journey .bayu-paths__grid{gap:var(--sp-4)}.bayu-hiw-page__journey .bayu-paths__card{border:1px solid var(--bayu-line)}.bayu-hiw-page__roles{display:grid;gap:var(--sp-6)}.bayu-hiw-page__role-grid{display:grid;gap:var(--sp-4)}.bayu-hiw-page__role{display:grid;gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--bayu-line);justify-items:start}.bayu-hiw-page__compat{display:grid;gap:var(--sp-3);justify-items:start;max-width:64ch}@media(min-width:1024px){.bayu-hiw-page{padding-top:var(--sp-12);gap:var(--sp-16)}.bayu-hiw-page__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}.bayu-hiw-page__role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8)}.bayu-hiw-page__connect{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-12);align-items:start}.bayu-hiw-page__step{grid-template-columns:1fr}.bayu-hiw-page__diagram{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-12)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bayu-hiw.css.map */