eBike for Commuting to Work

About

/* -------------------------------------------------- Scoped Container & Design Tokens -------------------------------------------------- */ .hmw-article-wrapper { --hmw-primary: #ff5500; --hmw-primary-hover: #e04b00; --hmw-primary-light: rgba(255, 85, 0, 0.08); --hmw-primary-glow: rgba(255, 85, 0, 0.25); --hmw-text-main: #1f2937; --hmw-text-muted: #4b5563; --hmw-text-light: #9ca3af; --hmw-bg-card: #ffffff; --hmw-bg-subtle: #f8fafc; --hmw-border: #e2e8f0; --hmw-border-hover: #cbd5e1; --hmw-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --hmw-radius-sm: 8px; --hmw-radius-md: 14px; --hmw-radius-lg: 20px; --hmw-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04); --hmw-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03); --hmw-shadow-hover: 0 20px 30px -10px rgba(0, 0, 0, 0.08); max-width: 900px; margin: 4px auto; padding: 2px 20px; font-family: var(--hmw-font-display); color: var(--hmw-text-main); line-height: 1.75; font-size: 16px; -webkit-font-smoothing: antialiased; box-sizing: border-box; } .hmw-article-wrapper *, .hmw-article-wrapper *::before, .hmw-article-wrapper *::after { box-sizing: inherit; } /* -------------------------------------------------- Typography & Headings -------------------------------------------------- */ .hmw-article-wrapper h1 { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.03em; color: #0f172a; margin-top: 0; margin-bottom: 24px; position: relative; } .hmw-article-wrapper h2 { font-size: clamp(1.4rem, 2.8vw, 1.85rem); font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; color: #0f172a; margin-top: 48px; margin-bottom: 20px; display: flex; align-items: center; position: relative; padding-left: 16px; } .hmw-article-wrapper h2::before { content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 4px; background: var(--hmw-primary); border-radius: 4px; } .hmw-article-wrapper h3 { font-size: clamp(1.15re