* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #162b45; background: #fbf7ef; }
a { color: #5e348d; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 6vw; background: #fff; border-bottom: 1px solid #eadfcd; }
.brand img { max-width: 225px; height: auto; display: block; }
.contact { text-align: right; line-height: 1.35; color: #5e348d; }
.contact span { display:block; font-size: .95rem; }
.contact strong { display:block; font-size: 1.35rem; }
.contact a { font-size: .95rem; text-decoration: none; }
.hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .7fr); gap: 42px; align-items: center; padding: 52px 6vw 38px; max-width: 1180px; margin: 0 auto; }
.eyebrow { color: #7c5a9f; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; font-size: .85rem; margin: 0 0 12px; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: .98; margin: 0 0 18px; color: #162b45; }
.lead { font-size: 1.22rem; line-height: 1.55; max-width: 670px; margin: 0 0 28px; }
.buttons { display: flex; flex-wrap: wrap; gap: 14px; margin: 26px 0 18px; }
.btn { display: inline-block; padding: 15px 24px; border-radius: 999px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 20px rgba(22,43,69,.12); }
.primary { background: #6e4998; color: #fff; }
.secondary { background: #d49a20; color: #162b45; }
.note { max-width: 720px; background: #fff8e8; border: 1px solid #d49a20; border-radius: 14px; padding: 16px 18px; line-height: 1.45; margin: 18px 0 20px; }
.includes { padding-left: 20px; line-height: 1.7; margin-top: 18px; }
.preview { background: #fff; border: 1px solid #eadfcd; border-radius: 24px; padding: 18px; box-shadow: 0 18px 50px rgba(22,43,69,.15); }
.preview img { width: 100%; display: block; border-radius: 14px; }
.referral-box { max-width: 980px; margin: 20px auto 48px; padding: 28px 6vw; background: #fff; border-top: 6px solid #6e4998; border-radius: 20px; box-shadow: 0 10px 30px rgba(22,43,69,.08); }
.referral-box h2 { margin-top: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 2rem; }
.signature { font-weight: 700; }
footer { padding: 26px 6vw; text-align: center; background: #162b45; color: #fff; font-size: .92rem; }
@media (max-width: 780px) { .topbar { align-items:flex-start; flex-direction: column; } .contact { text-align:left; } .hero { grid-template-columns: 1fr; padding-top: 34px; } .preview { max-width: 420px; } }