site: polish R4 beginner onboarding hierarchy

[masarray]

R4.1 — Guided Onboarding Clarity Polish

Small follow-up to R4 after a live visual audit.

Changes

• Makes the live-relay/IP path visibly recommended for a first connection.
• Adds an EN/ID “recommended first connection” badge with stronger but restrained engineering-blue emphasis.
• Removes redundant start-section phrasing and makes the IP-vs-SCL choice more decision-oriented.
• Adds a clearer bridge from first-use onboarding to advanced engineering evidence.
• Adds source and rendered-site regression guards so the recommended-path hierarchy cannot silently disappear.

Verified before PR

• R4 production already shows the three real onboarding screenshots at readable size and original aspect ratio.
• No hard crop/compression remains on the guided screenshots.
• Existing advanced product evidence keeps real captions and full-size links.
• Scope remains website/CSS/validators only; no IEC 61850 runtime or engine changes.

[masarray]

R4.1 live-audit follow-up validated on exact head 40b3a4d1a5c2ca0e856204ce58dab57ddf6e8af5.

PASS:

• Product website source validation
• Deterministic website build
• Responsive screenshot generation
• Internal links/fragments
• Rendered product website validation
• Public website boundary validation
• Search growth queue
• Measurement growth / production health
• Adoption and field-proof validation
• Smart Discovery Golden Provenance
• Golden Budget Lock
• Repeat-Run Stability
• Mainline Readiness
• Merge Execution Guard
• Production Promotion Guard

Change boundary: 5 website/CSS/validator files only. No IEC 61850 runtime, engine, discovery, reporting, control, C# or XAML production code changed.

Two long-running packaging jobs (full Build ARSAS and Field Capture Build) were still executing when the required website and production-lineage guards completed successfully; the PR is mergeable and all website/onboarding-specific gates are green.