Use Css Classes
Header & Navigation
CSS Class Purpose
.dmp-site-header Website header
.dmp-header-inner Header content container
.dmp-brand Logo and branding
.dmp-site-title Website title
.dmp-site-tagline Website tagline
.dmp-primary-navigation Main navigation
.dmp-menu Navigation menu
.dmp-menu-toggle Mobile menu toggle
.dmp-menu-toggle-lines Hamburger menu icon
.dmp-header-cta Header CTA button
.is-sticky Sticky header state
.is-open Open menu state
.current-menu-item Active menu item
Hero Section
CSS Class Purpose
.dmp-hero Main homepage hero
.dmp-container Content width container
.dmp-hero-grid Hero two-column layout
.dmp-hero-copy Hero text content
.dmp-eyebrow Small introductory heading
.dmp-hero-description Hero description
.dmp-hero-actions Hero buttons wrapper
.dmp-hero-proof Trust/rating text
.dmp-hero-visual Hero illustration area
.dmp-growth-card Growth statistics card
.dmp-growth-label Growth card label
.dmp-growth-bars Statistics bars
.dmp-growth-note Growth card note
.dmp-hero-orb Decorative background shape
Buttons
CSS Class Purpose
.dmp-button Base button style
.dmp-button-primary Primary CTA
.dmp-button-secondary Secondary CTA
.dmp-button-light Light button style