ECS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EC Service Provider — Audience Page Mockups</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet"> <style> :root{--cream:#E9E4D6;--olive:#454E38;--gold:#A68A4A;--body:#5C584A;--greige:#D6D0BF;--white:#F7F4EC;} *{box-sizing:border-box;margin:0;padding:0;} body{font-family:'Poppins',sans-serif;color:var(--body);background:var(--cream);line-height:1.6;} h1,h2,h3{font-family:'Lora',serif;color:var(--olive);} .accent{color:var(--gold);font-style:italic;} .wrap{max-width:1080px;margin:0 auto;padding:0 32px;} .btn{display:inline-block;font-weight:500;font-size:15px;padding:14px 30px;border-radius:8px;text-decoration:none;cursor:pointer;border:2px solid var(--gold);background:var(--gold);color:#fff;transition:.2s;} .btn:hover{background:#8f7539;} .btn-outline{background:transparent;color:var(--olive);border-color:var(--olive);} .btn-outline:hover{background:var(--olive);color:var(--cream);} .eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px;} .note{background:#fff;border-left:4px solid var(--gold);padding:14px 20px;font-size:13.5px;color:var(--body);text-align:center;} /*…
