.dfw-banner{--sage:#3a7d44;--sage-light:#4e9a5a;--sage-pale:#eaf4ec;--sage-mid:#c8e6cc;--ink:#1a2e1c;--fire:#c8411a;--fire-pale:#fdeee9;--mist:#6b8a6e;align-items:center;background:var(--sage-pale);border:1px solid var(--sage-mid);border-left:4px solid var(--sage);border-radius:0;display:flex;flex-wrap:wrap;font-family:DM Sans,sans-serif;gap:20px;margin:0 0 28px;padding:14px 24px;position:relative}.dfw-banner-system{flex-shrink:0}.dfw-banner-system-label{color:var(--mist);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.22em;margin-bottom:3px;text-transform:uppercase}.dfw-banner-system-name{color:var(--sage);font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.08em}.dfw-banner-divider{background:var(--sage-mid);flex-shrink:0;height:32px;width:1px}.dfw-banner-steps{flex:1;flex-wrap:wrap;min-width:200px}.dfw-banner-steps,.dfw-step{align-items:center;display:flex;gap:0}.dfw-step-pill{border-radius:20px;font-family:DM Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.08em;padding:4px 10px;white-space:nowrap}.dfw-step-pill-inactive{background:#fff;border:1px solid var(--sage-mid);color:var(--mist)}.dfw-step-pill-active{background:#fff;border:1px solid var(--sage);color:var(--sage);font-weight:500}.dfw-step-pill-next{background:var(--fire-pale);border:1px solid rgba(200,65,26,.25);color:var(--fire);display:inline-block;text-decoration:none;transition:background .2s ease,border-color .2s ease}.dfw-step-pill-next:hover{background:rgba(200,65,26,.15);border-color:rgba(200,65,26,.45)}.dfw-step-arrow{color:var(--sage-mid);flex-shrink:0;font-family:DM Mono,monospace;font-size:11px;padding:0 6px}.dfw-banner-link{flex-shrink:0;margin-left:auto}.dfw-banner-link a{border-bottom:1px solid var(--sage-mid);color:var(--sage);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;padding-bottom:1px;text-decoration:none;text-transform:uppercase;transition:border-color .2s;white-space:nowrap}.dfw-banner-link a:hover{border-color:var(--sage)}@media (max-width:600px){.dfw-banner{align-items:flex-start;flex-direction:column;gap:10px}.dfw-banner-divider{display:none}.dfw-banner-link{margin-left:0}}