/* Section Spacing */
section,
.section {
    padding: 80px 0;
}

@media (max-width: 768px) {
    section,
    .section {
        padding: 60px 0;
    }
}

.section-sm {
    padding: 40px 0;
}

.section-lg {
    padding: 120px 0;
}

/* Primary Button - Orange (for main CTAs) */
.btn-primary,
.btn.primary,
a.btn-primary {
    background: #F97316;
    color: white;
    border: none;
}

.btn-primary:hover {
    background: #EA580C;
}

/* Secondary Button - Teal Outline */
.btn-secondary,
.btn.secondary,
a.btn-secondary,
.btn-outline,
a.btn-outline {
    background: transparent;
    color: #0D9488;
    border: 2px solid #0D9488;
}

.btn-secondary:hover,
.btn-outline:hover {
    background: #0D9488;
    color: white;
}

/* Tertiary - Text link style */
.btn-tertiary,
.btn.tertiary,
a.btn-tertiary {
    background: none;
    color: #0D9488;
    border: none;
    text-decoration: underline;
}

/* Card Shadows */
.card,
.pricing-card,
.feature-card,
.service-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
                0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}

.card:hover,
.pricing-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Link Styles */
p a,
.content a {
    color: #0D9488;
    text-decoration: underline;
    text-underline-offset: 2px;
}

p a:hover,
.content a:hover {
    color: #0F766E;
}

/* Emoji Icon Sizes */
.icon,
.icon-emoji {
    font-size: 1.25rem;
    line-height: 1;
}