.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 Psychology Professionals
Occupational Psychology AZ
Support employee mental health and well-being with professional tools designed for modern workplace challenges
Get Started
Learn More
Limited Capacity
Can only serve a small number of clients due to time-intensive manual assessments and documentation
Assessment Burden
Spend excessive time creating and scoring psychological assessments instead of providing interventions
Data Fragmentation
Struggle to track trends and outcomes across multiple client organizations and interventions
Revenue Ceiling
Hit revenue limits as billing is based on hours rather than value and impact delivered
Digital Assessments
Deploy validated psychological assessments at scale. Automatic scoring and reporting let you focus on interpretation and intervention.
Multi-Client Management
Serve multiple organizations from one platform. Track employee well-being, intervention outcomes, and program effectiveness across your entire portfolio.
Insights & Analytics
Generate evidence-based reports showing the impact of your interventions. Demonstrate ROI to clients with data-driven insights.
Stress and burnout assessments
Workplace culture evaluations
Job satisfaction surveys
Psychosocial risk assessments
Return-to-work evaluations
Custom assessment builder
Intervention tracking and outcomes
Employee assistance programs (EAP)
Confidential case management
Wellbeing program analytics
Progress reporting to clients
Evidence-based recommendations
COMMISSION-BASED
Earn up to
10%
of client monthly subscription
Recurring revenue + full platform access
Ready to transform workplace mental health?
Join psychology professionals who trust Safety AZ to deliver comprehensive employee wellness programs
No upfront costs
Unlimited programs
Recurring revenue