Subscription plans
/* Subscription Plans Page Styles */
.pricing-page {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Hero Section */
.pricing-hero {
text-align: center;
margin-bottom: 50px;
}
.pricing-hero h1 {
font-family: 'Playfair Display', serif;
font-size: 2.5rem;
font-weight: 600;
color: #fff;
margin-bottom: 12px;
}
.pricing-hero .subtitle {
font-size: 1.1rem;
color: rgba(255,255,255,0.7);
max-width: 500px;
margin: 0 auto;
}
/* Billing Toggle */
.billing-toggle {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin: 30px 0;
}
.billing-toggle span {
color: rgba(255,255,255,0.6);
font-size: 0.95rem;
transition: color 0.3s;
}
.billing-toggle span.active {
color: #fff;
font-weight: 500;
}
.toggle-switch {
position: relative;
width: 56px;
height: 28px;
background: rgba(255,255,255,0.15);
border-radius: 14px;
cursor: pointer;
transition: background 0.3s;
}
.toggle-switch::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background: #fff;
border-radius: 50%;
transition: transform 0.3s;
}
.toggle-switch.annual::after {
transform: translateX(28px);
}
.toggle-switch.annual {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.save-badge {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
font-size: 0.75rem;
font-weight: 600;
padding: 4px 10px;
border-radius: 12px;
}
/* Pricing Cards Grid */
.pricing-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 60px;
}
@media (max-width: 1024px) {
.pricing-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.pricing-cards {
grid-template-columns: 1fr;
}
}
/* Individual Card */
.pricing-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 32px 24px;
position: relative;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.pricing-card:hover {
transform: translateY(-4px);
border-color: rgba(255,255,255,0.15);
background: rgba(255,255,255,0.05);
}
/* Popular Card Highlight */
.pricing-card.popular {
background: linear-gradient(180deg, rgba(102,126,234,0.15) 0%, rgba(118,75,162,0.08) 100%);
border-color: rgba(102,126,234,0.4);
transform: scale(1.02);
}
.pricing-card.popular:hover {
transform: scale(1.02) translateY(-4px);
}
.popular-badge {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
font-size: 0.75rem;
font-weight: 600;
padding: 6px 16px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Card Header */
.card-header {
text-align: center;
margin-bottom: 24px;
}
.plan-name {
font-size: 1.1rem;
font-weight: 600;
color: rgba(255,255,255,0.9);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}
.plan-downloads {
font-size: 0.9rem;
color: rgba(255,255,255,0.5);
}
/* Pricing Display */
.price-container {
text-align: center;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.price {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 4px;
}
.currency {
font-size: 1.2rem;
color: rgba(255,255,255,0.7);
margin-top: 8px;
}
.amount {
font-size: 3rem;
font-weight: 700;
color: #fff;
line-height: 1;
}
.period {
font-size: 0.9rem;
color: rgba(255,255,255,0.5);
margin-top: auto;
margin-bottom: 8px;
}
.price-euro {
font-size: 0.85rem;
color: rgba(255,255,255,0.4);
margin-top: 6px;
}
.annual-price {
font-size: 0.85rem;
color: rgba(102,126,234,0.9);
margin-top: 8px;
}
.per-image {
display: inline-block;
margin-top: 10px;
font-size: 0.8rem;
color: rgba(255,255,255,0.5);
background: rgba(255,255,255,0.05);
padding: 4px 12px;
border-radius: 12px;
}
/* Features List */
.features-list {
list-style: none;
padding: 0;
margin: 0 0 24px 0;
flex: 1;
}
.features-list li {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
font-size: 0.9rem;
color: rgba(255,255,255,0.75);
border-bottom: 1px solid rgba(255,255,255,0.04);
}
.features-list li:last-child {
border-bottom: none;
}
.features-list li svg {
flex-shrink: 0;
width: 18px;
height: 18px;
color: #22c55e;
margin-top: 2px;
}
.features-list li.unavailable {
color: rgba(255,255,255,0.3);
}
.features-list li.unavailable svg {
color: rgba(255,255,255,0.2);
}
/* CTA Button */
.cta-button {
display: block;
width: 100%;
padding: 14px 24px;
border: none;
border-radius: 10px;
font-size: 0.95rem;
font-weight: 600;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
margin-top: auto;
}
.cta-button.primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
}
.cta-button.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102,126,234,0.35);
}
.cta-button.secondary {
background: rgba(255,255,255,0.08);
color: #fff;
border: 1px solid rgba(255,255,255,0.15);
}
.cta-button.secondary:hover {
background: rgba(255,255,255,0.12);
border-color: rgba(255,255,255,0.25);
}
/* All Plans Include Section */
.all-plans-section {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
padding: 40px;
margin-bottom: 60px;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
color: #fff;
text-align: center;
margin-bottom: 32px;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
}
@media (max-width: 900px) {
.benefits-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 500px) {
.benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.benefit-item {
text-align: center;
}
.benefit-icon {
width: 48px;
height: 48px;
margin: 0 auto 12px;
background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.benefit-icon svg {
width: 24px;
height: 24px;
color: #a78bfa;
}
.benefit-title {
font-size: 0.9rem;
font-weight: 600;
color: #fff;
margin-bottom: 4px;
}
.benefit-desc {
font-size: 0.8rem;
color: rgba(255,255,255,0.5);
line-height: 1.4;
}
/* Comparison Table */
.comparison-section {
margin-bottom: 60px;
}
.comparison-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: rgba(255,255,255,0.02);
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.06);
}
.comparison-table thead {
background: rgba(255,255,255,0.05);
}
.comparison-table th {
padding: 18px 16px;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: rgba(255,255,255,0.9);
text-align: center;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.comparison-table th:first-child {
text-align: left;
padding-left: 24px;
}
.comparison-table th.highlight {
background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.15) 100%);
color: #a78bfa;
}
.comparison-table td {
padding: 16px;
font-size: 0.9rem;
color: rgba(255,255,255,0.7);
text-align: center;
border-bottom: 1px solid rgba(255,255,255,0.04);
}
.comparison-table td:first-child {
text-align: left;
padding-left: 24px;
color: rgba(255,255,255,0.85);
}
.comparison-table td.highlight {
background: rgba(102,126,234,0.05);
}
.comparison-table tbody tr:last-child td {
border-bottom: none;
}
.comparison-table tbody tr:hover {
background: rgba(255,255,255,0.02);
}
.check-icon {
color: #22c55e;
}
.dash-icon {
color: rgba(255,255,255,0.2);
}
/* FAQ Section */
.faq-section {
margin-bottom: 60px;
}
.faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 768px) {
.faq-grid {
grid-template-columns: 1fr;
}
}
.faq-item {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
padding: 24px;
}
.faq-question {
font-size: 1rem;
font-weight: 600;
color: #fff;
margin-bottom: 12px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.faq-question svg {
flex-shrink: 0;
width: 20px;
height: 20px;
color: #a78bfa;
margin-top: 2px;
}
.faq-answer {
font-size: 0.9rem;
color: rgba(255,255,255,0.6);
line-height: 1.6;
padding-left: 32px;
}
/* CTA Footer */
.cta-footer {
text-align: center;
padding: 48px;
background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
border-radius: 16px;
border: 1px solid rgba(102,126,234,0.2);
}
.cta-footer h2 {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
color: #fff;
margin-bottom: 12px;
}
.cta-footer p {
color: rgba(255,255,255,0.6);
margin-bottom: 24px;
}
.cta-footer .cta-button {
display: inline-block;
width: auto;
padding: 16px 48px;
}
Subscription Plans
Save up to 60% compared to single purchases. All resolutions included with every download.
Monthly
Annual
Save 20%
Starter
5 images/month
$
20
/mo
€18/month
or $192/year ($16/mo)
$4 → $3.20 per image
- 5 downloads per month
- All resolutions included
- Rollover up to 10 images
- Standard License
- Priority Support
Creator
15 images/month
$
48
/mo
€44/month
or $460/year ($38/mo)
$3.20 → $2.56 per image
- 15 downloads per month
- All resolutions included
- Rollover up to 30 images
- Standard License
- Priority Support
🔥 Most Popular
Pro
30 images/month
$
72
/mo
€66/month
or $691/year ($58/mo)
$2.40 → $1.92 per image
- 30 downloads per month
- All resolutions included
- Rollover up to 60 images
- Standard License
- Priority Support
- Early Access to New Images
Agency
75 images/month
$
150
/mo
€137/month
or $1,440/year ($120/mo)
$2 → $1.60 per image
- 75 downloads per month
- All resolutions included
- Rollover up to 150 images
- Standard License
- Priority Support
- Dedicated Account Manager
All Plans Include
All Resolutions
Web, Standard, Large & Original
Rollover Downloads
Unused credits carry over
Standard License
Commercial use up to 500K copies
Instant Downloads
No waiting, download immediately
Cancel Anytime
No long-term commitment
Plan Comparison
| Feature | Starter | Creator | Pro | Agency |
|---|---|---|---|---|
| Monthly Downloads | 5 | 15 | 30 | 75 |
| All Resolutions | ||||
| Rollover Downloads | Up to 10 | Up to 30 | Up to 60 | Up to 150 |
| Standard License | ||||
| Extended License Upgrade | +$15/image | +$15/image | +$12/image | +$10/image |
| Priority Support | ||||
| Early Access to New Images | ||||
| Dedicated Account Manager |
Frequently Asked Questions
What resolutions are included?
All resolutions are included with every download: Web (1024px), Standard (2048px), Large (4000px), and Original (full resolution). No extra charges.
How does rollover work?
Unused downloads carry over to the next month, up to 2× your monthly limit. For example, Pro users can accumulate up to 60 unused downloads.
Can I upgrade or downgrade?
Yes! You can change your plan at any time. Upgrades take effect immediately with prorated billing. Downgrades apply at your next billing date.
What’s the Extended License?
The Extended License allows unlimited copies for products for resale, merchandise, and templates. Standard License covers up to 500,000 copies for most uses.
