.section-spacing {
margin-top: var(--spacing-3xl);
}
.section-header {
text-align: center;
margin-bottom: var(--spacing-xl);
}
.section-title {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 800;
margin-bottom: var(--spacing-md);
background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.section-subtitle {
font-size: 1.125rem;
color: var(--text-tertiary);
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}
.btn-primary-gold {
background: linear-gradient(135deg, var(--accent-gold) 0%, #ffd700 100%);
border: none;
padding: 20px 56px;
border-radius: 100px;
font-size: 1.125rem;
font-weight: 700;
color: #0D1117;
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
z-index: 1;
box-shadow: 0 10px 30px rgba(240, 198, 70, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
cursor: pointer;
}
.btn-primary-gold:hover {
transform: translateY(-4px) scale(1.05);
box-shadow: 0 20px 50px rgba(240, 198, 70, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
color: #0D1117;
}
.btn-secondary-glass {
background: transparent;
border: 1px solid var(--border-subtle);
padding: 20px 56px;
border-radius: 100px;
font-size: 1.125rem;
font-weight: 700;
color: var(--text-primary);
backdrop-filter: blur(10px);
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
cursor: pointer;
}
.btn-secondary-glass:hover {
background: rgba(255, 255, 255, 0.05);
border-color: var(--accent-gold);
transform: translateY(-4px);
color: var(--text-primary);
}
.problem-card {
background: var(--glass-bg);
backdrop-filter: blur(20px);
border: 1px solid var(--glass-border);
border-radius: var(--radius-md);
padding: var(--spacing-lg);
height: 100%;
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.problem-card:hover {
transform: translateY(-8px);
border-color: rgba(255, 100, 100, 0.3);
box-shadow: 0 20px 50px rgba(255, 100, 100, 0.1);
}
.problem-icon {
width: 56px;
height: 56px;
background: linear-gradient(135deg, rgba(255, 100, 100, 0.2), rgba(255, 100, 100, 0.05));
border: 1px solid rgba(255, 100, 100, 0.2);
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--spacing-md);
font-size: 1.5rem;
color: #ff6464;
}
.problem-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: var(--spacing-sm);
}
.problem-description {
font-size: 0.95rem;
color: var(--text-tertiary);
line-height: 1.6;
}
.solution-card {
background: var(--glass-bg);
backdrop-filter: blur(20px);
border: 1px solid var(--glass-border);
border-radius: var(--radius-md);
padding: var(--spacing-xl) var(--spacing-lg);
height: 100%;
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
cursor: pointer;
}
.solution-card::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(240, 198, 70, 0.15), transparent 40%);
opacity: 0;
transition: opacity 0.3s;
}
.solution-card:hover::before {
opacity: 1;
}
.solution-card:hover {
transform: translateY(-12px) scale(1.02);
border-color: rgba(240, 198, 70, 0.3);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(240, 198, 70, 0.1);
}
.solution-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, rgba(240, 198, 70, 0.2), rgba(240, 198, 70, 0.05));
border: 1px solid rgba(240, 198, 70, 0.2);
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--spacing-md);
font-size: 1.75rem;
color: var(--accent-gold);
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.solution-card:hover .solution-icon {
transform: rotate(-10deg) scale(1.1);
box-shadow: 0 8px 32px rgba(240, 198, 70, 0.3);
}
.solution-title {
font-size: 1.5rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: var(--spacing-sm);
}
.solution-description {
font-size: 1rem;
color: var(--text-secondary);
line-height: 1.7;
}
.feature-detail-card {
background: var(--glass-bg);
backdrop-filter: blur(30px);
border: 1px solid var(--glass-border);
border-radius: var(--radius-lg);
overflow: hidden;
height: 100%;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-detail-card:hover {
transform: translateY(-8px);
border-color: rgba(240, 198, 70, 0.2);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.feature-detail-header {
background: linear-gradient(135deg, rgba(61, 88, 134, 0.3), rgba(45, 71, 102, 0.2));
padding: var(--spacing-lg) var(--spacing-lg);
color: var(--text-primary);
font-weight: 700;
font-size: 1.25rem;
display: flex;
align-items: center;
gap: var(--spacing-sm);
border-bottom: 1px solid var(--glass-border);
}
.feature-detail-body {
padding: var(--spacing-lg);
}
.feature-list {
list-style: none;
padding: 0;
margin: 0;
}
.feature-list-item {
padding: var(--spacing-sm) 0;
color: var(--text-secondary);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: var(--spacing-sm);
}
.feature-list-item:last-child {
border-bottom: none;
}
.feature-list-item:hover {
padding-left: var(--spacing-sm);
color: var(--accent-gold);
}
.feature-list-item i {
font-size: 1.1rem;
transition: all 0.3s ease;
color: var(--accent-gold);
}
.feature-list-item:hover i {
transform: scale(1.2) rotate(5deg);
}
.pricing-card {
background: var(--glass-bg);
backdrop-filter: blur(40px);
border: 1px solid var(--glass-border);
border-radius: var(--spacing-xl);
padding: var(--spacing-xl) var(--spacing-xl);
position: relative;
overflow: hidden;
text-align: center;
}
.pricing-badge {
display: inline-block;
padding: var(--spacing-xs) var(--spacing-md);
background: rgba(240, 198, 70, 0.1);
border-radius: 100px;
border: 1px solid rgba(240, 198, 70, 0.2);
margin-bottom: var(--spacing-md);
}
.pricing-badge-text {
color: var(--accent-gold);
font-weight: 600;
font-size: 0.875rem;
letter-spacing: 0.5px;
}
.pricing-label {
color: var(--text-tertiary);
font-size: 1rem;
margin-bottom: var(--spacing-sm);
}
.price-tag {
font-size: 5rem;
font-weight: 900;
background: linear-gradient(135deg, var(--accent-gold) 0%, #ffd700 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
margin: var(--spacing-md) 0;
}
.pricing-period {
color: var(--text-secondary);
font-size: 1.25rem;
margin-top: var(--spacing-sm);
}
.pricing-bonus {
margin-top: var(--spacing-lg);
padding: var(--spacing-md);
background: rgba(255, 255, 255, 0.03);
border-radius: var(--radius-sm);
border: 1px solid var(--glass-border);
display: inline-block;
}
.pricing-bonus-title {
color: var(--text-primary);
font-weight: 600;
margin: 0;
}
.pricing-bonus-subtitle {
color: var(--text-tertiary);
font-size: 0.875rem;
margin: var(--spacing-xs) 0 0 0;
}
.cta-section {
background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(61, 88, 134, 0.3), transparent),
radial-gradient(ellipse 100% 80% at 50% 120%, rgba(240, 198, 70, 0.15), transparent);
border-radius: var(--radius-xl);
border: 1px solid var(--glass-border);
padding: var(--spacing-2xl) var(--spacing-lg);
text-align: center;
position: relative;
overflow: hidden;
}
.cta-title {
color: var(--text-primary);
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
margin-bottom: var(--spacing-md);
line-height: 1.2;
}
.cta-subtitle {
color: var(--text-secondary);
font-size: 1.25rem;
max-width: 700px;
margin: 0 auto var(--spacing-xl);
line-height: 1.6;
}
.cta-features {
margin-top: var(--spacing-xl);
display: flex;
gap: var(--spacing-lg);
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.cta-feature-item {
color: var(--text-secondary);
display: flex;
align-items: center;
gap: 10px;
font-size: 0.95rem;
}
.cta-feature-item i {
color: var(--accent-gold);
font-size: 1.1rem;
}
For Medical Professionals
Occupational Medicine AZ
Assess employee health and certify work readiness with ease across all your client organizations
Get Started
Learn More
Paper Overload
Drown in medical forms, assessment sheets, and certification paperwork for every employee evaluation
Scheduling Chaos
Juggle multiple client schedules, track employee appointments, and manage follow-up assessments manually
Inconsistent Records
Struggle to maintain standardized assessment records across different client organizations and locations
Follow-Up Gap
Miss periodic reassessments and health monitoring opportunities due to lack of automated tracking
Digital Assessment Tools
Conduct comprehensive medical evaluations using structured digital forms. Document findings, recommendations, and fitness-for-work decisions instantly.
Instant Certification
Generate medical certificates and fitness declarations with electronic signatures. Create audit-proof records that meet all regulatory requirements.
Health Monitoring
Track employee health trends over time. Set automated reminders for periodic assessments and follow-up examinations across all clients.
Pre-employment medical screening
Periodic health surveillance
Fitness-for-work evaluations
Risk-specific health checks
Occupational disease monitoring
Return-to-work assessments
Confidential medical records storage
HIPAA/GDPR compliance
Automated certificate generation
Health surveillance registers
Periodic assessment reminders
Comprehensive audit trails
COMMISSION-BASED
Earn up to
10%
of client monthly subscription
Recurring revenue + full platform access
Ready to modernize your occupational medicine practice?
Join medical professionals who trust Safety AZ for comprehensive employee health management
No upfront costs
Unlimited assessments
Recurring revenue