.rp-beta-redesign .rp-beta-wrapper {
–rp-dark: #2B3D2C; –rp-mid: #5C8A3C; –rp-light: #A8D47A;
–rp-pale: #F4F8F2; –rp-cream: #F7F4EE; –rp-terra: #C9836A;
–rp-ink: #3D3529; –font-display: ‘Cormorant Garamond’, serif;
–font-body: ‘DM Sans’, sans-serif;
}
.rp-beta-redesign .rp-beta-wrapper { font-family: var(–font-body); background: var(–rp-cream); color: var(–rp-ink); padding: 20px; }
.rp-beta-redesign .rp-hero { background: var(–rp-dark); padding: 60px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; border-radius: 24px; color: #fff; }
.rp-beta-redesign .rp-hero h1 { font-family: var(–font-display); font-size: 48px; color: #fff; line-height: 1.1; margin-bottom: 20px; }
.rp-beta-redesign .rp-hero h1 em { color: var(–rp-light); font-style: italic; }
.rp-beta-redesign .rp-btn-primary { background: var(–rp-terra); color: #fff; border: none; padding: 12px 24px; border-radius: 30px; cursor: pointer; }
@import url(‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap’);