Cold brew coffee maker

About

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --green: #3b9130; --green-bg: #f2faf1; --green-line: #c8e4c5; --white: #ffffff; --light: #f8f8f8; --text: #1e1e1e; --muted: #5a5a5a; --border: #e4e4e4; } body { font-family: Helvetica, Arial, sans-serif; background: var(--white); color: var(--text); font-size: 13px; } h1, h2, h3, h4 { font-family: 'Nunito', Helvetica, sans-serif; } .dp-eyebrow { font-family: 'Nunito', Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--green); display: block; margin-bottom: 6px; } /* ── 1. VIDEO ── */ .dp-video-section { background: var(--light); border-bottom: 1px solid var(--border); padding: 36px 20px; text-align: center; } .dp-video-section h1 { font-size: 1.5rem; font-weight: 800; color: var(--text); margin-bottom: 8px; line-height: 1.25; } .dp-video-section h1 span { color: var(--green); } .dp-video-section > p { font-size: 12px; color: var(--muted); max-width: 480px; margin: 0 auto 18px; line-height: 1.6; } .dp-video-wrap { max-width: 600px; margin: 0 auto; border-radius: 6px; overflow: hidden; border: 1px solid var(--border); box-shadow: 0 4px 20px rgba(0,0,0,0.08); } .dp-video-wrap iframe { width: 100%; aspect-ratio: 16 / 9; display: block; border: none; } .dp-video-caption { margin-top: 10px; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: #aaa; } /* ── 2. INTRO STRIP ── */ .dp-intro { background: var(--white); border-bottom: 1px solid var(--border); padding: 30px 20px; } .dp-intro-inner { max-width: 860px; margin: 0 auto; text-align: center; } .dp-intro-inner h2 { font-size: 1.15rem; font-weight: 800; color: var(--text); margin-bottom: 10px; } .dp-intro-inner h2 span { color: var(--green); } .dp-intro-inner p { font-size: 12px; color: var(--muted); line-height: 1.75; max-width: 700px; margin: 0 auto 8px; } /* ── 3. WHY SECTION ── */ .dp-why { padding: 36px 20px; max-width: 1000px; margin: 0 auto; di