Write vanilla HTML and CSS for a Webflow-pasteable section for [Your Project].
Use class selectors only (a same-element compound class like .card.is-featured is fine) — no descendant, child, sibling, ID, or bare tag selectors. Only :hover, :focus, and placeholder pseudo-classes. Wrap everything in exactly ONE root element — no <html>/<head>/<body>. Avoid clamp() outside font-size/spacing, shorthand border-color/border-radius bound to variables, and bare transition values (use "background-color 0.2s", not "background"). One font name per font-family, no fallback stack. Keep class names unique per component.
Why these rules? See the full guide in Docs