Create a React artifact that reproduces this brand's design language.
Page intent: landing.
Material language: material-you.
Voice: Tone: friendly · Headings: Title Case · CTA verbs: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object].
Colors to use: #1d1d1f, #000000, #2997ff, #e8e8ed, #ffffff, #f5f5f7, #86868b, #0066cc, #0071e3, #6e6e73, #333336, #d2d2d7, #271a11, #ea33c0.
Fonts: [object Object], [object Object], [object Object].
Radius vocabulary: 5, 8, 11, 50, 980, 999.
Sections:
- sidebar
- sidebar
- steps — heading: "Accessibility"
- hero — heading: "Accessibility"
- cta — heading: "WWDC 26"
- gallery — heading: "Endless entertainment."
- footer — heading: "Apple Footer"
- pricing-table
Use Tailwind via CDN, lucide-react for icons, and keep the material language consistent across sections. Do not add extra decorative elements outside this vocabulary.