.hero{
width:1440px; height:520px;
position:relative; overflow:hidden;
background: linear-gradient(135deg, #003d63 0%, #004f80 30%, #0066A6 60%, #005a94 100%);
}
.bg-pattern{
position:absolute; inset:0; z-index:1; opacity:0.04;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 50px, rgba(255,255,255,1) 50px, rgba(255,255,255,1) 51px);
}
.circle-lg{
position:absolute; top:-180px; right:-100px;
width:540px; height:540px; border-radius:50%;
border:1px solid rgba(255,255,255,0.06); z-index:1;
}
.circle-sm{
position:absolute; top:-80px; right:20px;
width:340px; height:340px; border-radius:50%;
border:1px solid rgba(255,255,255,0.04); z-index:1;
}
.left-fade{
position:absolute; left:0; top:0; width:720px; height:100%;
background:linear-gradient(to right, rgba(0,25,50,0.72) 0%, rgba(0,25,50,0.42) 60%, transparent 100%);
z-index:2;
}
/* ====== STATS BAR (tighter) ====== */
.stats-bar{
position:absolute; bottom:0; left:0; right:0;
height:78px;
background:rgba(0,15,35,0.86);
border-top:2px solid #F5C842;
z-index:30;
display:flex;
align-items:center;
padding:0 64px;
}
.stat{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
position:relative;
}
.stat::after{
content:'';
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:30px;
background:rgba(245,200,66,0.18);
}
.stat:last-child::after{ display:none; }
.sn{
font-family:'Arial Narrow',Arial,sans-serif;
font-size:26px;
font-weight:900;
color:#F5C842;
line-height:1;
}
.sl{
font-family:Arial,sans-serif;
font-size:10px;
color:rgba(255,255,255,0.60);
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
line-height:1.1;
}
/* gold accents */
.gold-v{
position:absolute; left:92px; top:40px;
width:3px; height:340px;
background:linear-gradient(to bottom, #F5C842, rgba(245,200,66,0));
z-index:10;
}
.gold-h{
position:absolute; left:112px;
bottom:78px; /* match stats bar height */
width:420px; height:2px;
background:linear-gradient(to right, #F5C842, rgba(245,200,66,0.1));
z-index:10;
}
/* speaker */
.photo-glow{
position:absolute; right:60px; top:0;
width:600px; height:100%;
background:radial-gradient(ellipse 55% 75% at 50% 40%, rgba(255,255,255,0.06) 0%, transparent 70%);
z-index:3;
}
.photo-wrap{
position:absolute; right:-10px; bottom:0;
height:520px; z-index:5;
display:flex; align-items:flex-end;
}
.photo-wrap img{
height:520px; width:auto;
filter:drop-shadow(-20px 0 40px rgba(0,0,0,0.55));
}
.photo-fade-r{
position:absolute; right:0; top:0; width:120px; height:100%;
background:linear-gradient(to left, rgba(0,80,130,0.5), transparent);
z-index:6;
}
.photo-fade-b{
position:absolute; bottom:0; left:0; right:0; height:80px;
background:linear-gradient(to top, rgba(0,40,70,0.8), transparent);
z-index:6;
}
/* ====== CONTENT (pulled up + more breathing room) ====== */
.content{
position:absolute;
left:40px; top:0;
width:800px; height:520px;
z-index:20;
display:flex;
flex-direction:column;
justify-content:flex-start;
padding:24px 48px 170px 72px; /* smaller top padding; safe bottom space */
}
/* badges (slightly higher/tighter) */
.badges{
display:flex;
gap:12px;
margin-bottom:12px;
flex-wrap:wrap;
}
.badge{
display:flex; align-items:center; gap:8px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(245,200,66,0.3);
padding:6px 12px; border-radius:2px;
}
.badge-seal{
width:26px; height:26px; border-radius:50%;
border:1.5px solid #F5C842;
display:flex; align-items:center; justify-content:center;
font-family:'Arial Narrow',Arial,sans-serif;
font-size:9px; font-weight:900; color:#F5C842; letter-spacing:0.5px;
text-align:center; line-height:1.1; flex-shrink:0;
}
.badge-text{
font-family:Arial,sans-serif;
font-size:10.5px;
color:rgba(255,255,255,0.78);
line-height:1.25;
}
.badge-text strong{ display:block; color:#fff; font-size:11.5px; }
/* eyebrow */
.eyebrow{
font-family:'Arial Narrow',Arial,sans-serif;
font-size:13px; font-weight:700; letter-spacing:5px;
text-transform:uppercase; color:#F5C842;
margin-bottom:10px; display:flex; align-items:center; gap:10px;
}
.eyebrow::before{ content:''; display:block; width:28px; height:2px; background:#F5C842; }
/* headline: a bit smaller so the copy pulls up */
.headline{
font-family:Georgia,serif;
font-size:60px; /* slightly smaller */
font-weight:700;
line-height:0.92;
color:#fff;
margin-bottom:8px;
letter-spacing:-2px;
}
.headline em{ font-style:italic; color:#F5C842; }
.name-line{
font-family:'Arial Narrow',Arial,sans-serif;
font-size:14px; /* tighter */
font-weight:700;
letter-spacing:4px; /* slightly tighter */
text-transform:uppercase;
color:rgba(255,255,255,0.44);
margin-bottom:12px; /* tighter */
}
.rule{ width:52px; height:3px; background:#F5C842; margin-bottom:12px; }
.descriptor{
font-family:Arial,sans-serif;
font-size:14.5px;
font-weight:300;
color:rgba(255,255,255,0.90);
line-height:1.6;
max-width:560px;
margin-bottom:0px; /* we’ll control spacing with CTA margin-top */
}
.descriptor strong{ color:#fff; font-weight:600; }
/* ✅ CTA: SIDE-BY-SIDE, moved right, never wraps */
.cta-row{
display:flex;
align-items:center;
gap:16px;
flex-wrap:nowrap; /* IMPORTANT: prevents stacking */
margin-top:16px;
margin-left:250px; /* moves into the empty space (toward center) */
z-index:40;
white-space:nowrap;
}
.btn-p{
background:#F5C842; color:#003355;
font-family:'Arial Narrow',Arial,sans-serif;
font-size:13px; font-weight:900; letter-spacing:3px;
text-transform:uppercase;
padding:12px 24px; /* slightly smaller so both fit */
border:none;
cursor:pointer;
}
.btn-o{
background:transparent; color:#fff;
font-family:'Arial Narrow',Arial,sans-serif;
font-size:13px; font-weight:700; letter-spacing:3px;
text-transform:uppercase;
padding:10px 22px; /* slightly smaller so both fit */
border:2px solid rgba(255,255,255,0.42);
cursor:pointer;
}
/* industry tags moved closer to speaker */
.ind-tags{
position:absolute;
right:300px;
bottom:145px;
z-index:25;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:7px;
}
.ind-lbl{
font-family:Arial,sans-serif; font-size:9px; font-weight:700;
letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.28);
margin-bottom:2px;
}
.ind-t{
background:rgba(255,255,255,0.07);
border:1px solid rgba(255,255,255,0.12);
color:rgba(255,255,255,0.68);
font-family:Arial,sans-serif;
font-size:11px;
padding:5px 14px;
letter-spacing:1px;
}
CSP
Certified Speaking Professional
National Speakers Association
TOP
30
Global Leadership Gurus
4 Consecutive Years
Leadership Keynote Speaker
Book
Dr. Rick
Goodman
CSP · Author · Executive Coach
Helping corporate teams, healthcare organizations, and associations
build leaders who eliminate blame, drive accountability, and execute with clarity.
Check Availability
Call 954-218-5325
Top 30
Global Leadership Gurus