@layer components{.fx-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem;margin-top:3rem;display:grid}.fx-steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-steps>li{border-top:1px solid var(--border-default);padding:1.5rem 0 2rem;list-style:none}.fx-steps h3{margin:.75rem 0 .5rem}.fx-steps p{color:hsl(var(--foreground) / .7);font-size:.9375rem;line-height:1.6}.fx-lines{margin-top:3rem}.fx-lines--2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-lines--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-lines>*{flex-direction:column;gap:1rem;display:flex}.fx-split{align-items:start;gap:3rem}.fx-connect{gap:1.5rem;display:grid}.fx-connect .kit-chips{gap:.5rem}.fx-connect .kit-chips a{align-items:center;min-height:44px;padding:.5rem .875rem;font-size:.875rem;display:inline-flex}.inner-page:has(.fx-soon) .kit-hero .kit-badge:before{background:var(--kit-warning)}@media (max-width:960px){.fx-steps,.fx-steps--4,.fx-lines--2,.fx-lines--3{grid-template-columns:minmax(0,1fr)}}}