Subscribe & Stay on Track

:root { --hf-orange:#F15A26; } /* Intro stays full width on all devices */ .sub-intro { margin: 0 0 18px 0; line-height: 1.5; } /* DESKTOP (default): 2-column layout (steps left, image right) */ .sub-desktop { display: flex; gap: 32px; align-items: flex-start; flex-wrap: nowrap; } .sub-desktop__steps { flex: 1 1 420px; min-width: 280px; display: block !important; visibility: visible !important; } .sub-desktop__image { flex: 0 1 420px; min-width: 260px; display: block !important; visibility: visible !important; } /* MOBILE: hidden by default, shown via media query */ .sub-mobile { display: none; } .sub-mobile__image, .sub-mobile__steps { display: block !important; visibility: visible !important; } /* Shared image styles */ .sub-img { width: 100%; height: auto; display: block; border-radius: 16px; } /* Step styling */ .sub-steps h2 { margin: 0 0 12px 0; } .sub-step { margin: 0 0 12px 0; line-