/* Homepage-specific landing styles */

.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}
.feature-card{background:linear-gradient(135deg, #1a1a1a, #222222);padding:2rem;border-radius:12px;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden}
.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #d9a182, #b8865e)}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(217,161,130,.1);border-color:#d9a182}
.feature-card h3,.feature-card .h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}
.feature-card p{color:#ccc;margin-bottom:1.5rem}
.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}
.feature-link{color:#d9a182;text-decoration:none;font-weight:600;transition:color .3s ease}
.feature-link:hover{color:#fff}
.pricing-card.featured{border-color:#d9a182;box-shadow:0 0 30px rgba(217,161,130,.08)}
.pricing-card.featured::before{content:attr(data-badge);position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #d9a182, #b8865e);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}

.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;margin-bottom:.5rem}
.pricing-toggle-label{font-size:.9375rem;font-weight:500;color:#888;transition:color .3s ease;cursor:pointer}
.pricing-toggle-label.active{color:#fff}
.pricing-toggle-badge{display:inline-block;background:rgba(217,161,130,.15);color:#d9a182;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;margin-left:.25rem;vertical-align:middle}
.pricing-toggle-switch{width:48px;height:26px;background:#333;border:none;border-radius:13px;position:relative;cursor:pointer;transition:background .3s ease;padding:0;flex-shrink:0}
.pricing-toggle-switch.active{background:#d9a182}
.pricing-toggle-knob{display:block;width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}
.pricing-toggle-switch.active .pricing-toggle-knob{transform:translateX(22px)}
.pricing-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem;margin-top:2.5rem}
.pricing-card{background:linear-gradient(135deg, #1a1a1a, #222222);padding:2rem 1.5rem;border-radius:12px;border:1px solid #333;text-align:center;position:relative;transition:all .3s ease;display:flex;flex-direction:column}
.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(217,161,130,.1)}
.pricing-card .btn{margin-top:auto}
.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}
.plan-price{font-size:2.25rem;font-weight:700;color:#d9a182;margin-bottom:.25rem;line-height:1.2}
.plan-period{color:#888;font-size:.8125rem;margin-bottom:.75rem}
.plan-desc{color:#ccc;font-size:.875rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #333;line-height:1.5}
.plan-features{list-style:none;margin-bottom:1.5rem;padding:0;text-align:left}
.plan-features li{padding:.35rem 0;padding-left:1.5rem;color:#ccc;font-size:.875rem;position:relative}
.plan-features li::before{content:"✓";color:#d9a182;font-weight:bold;position:absolute;left:0}
.plan-feature-highlight{color:#fff !important;font-weight:500}
.plan-feature-detail{color:#888;font-size:.8125rem}
.btn-buy-now{display:block;text-align:center;margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;color:#d9a182;text-decoration:none;border:1px solid #d9a182;border-radius:8px;transition:all .2s ease}
.btn-buy-now:hover{background:rgba(217,161,130,.1);color:#fff;border-color:#fff}
.plan-trial-note{margin-top:.75rem;margin-bottom:0;font-size:.75rem;color:#888}
.pricing-comparison-note{text-align:center;margin-top:3rem;max-width:700px;margin-left:auto;margin-right:auto;color:#ccc;font-size:.9375rem}
.pricing-comparison-note p{margin-bottom:.5rem}
.pricing-comparison-highlight{color:#888;font-size:.8125rem}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}
.team-member{background:linear-gradient(135deg, #1a1a1a, #222222);padding:2rem;border-radius:12px;border:1px solid #333;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.team-member::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #d9a182, #b8865e)}
.team-member:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(217,161,130,.1);border-color:#d9a182}
.team-photo{width:150px;height:150px;border-radius:50%;margin:0 auto 1.5rem;overflow:hidden;border:3px solid #d9a182;transition:transform .3s ease}
.team-photo:hover{transform:scale(1.05)}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}
.team-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}
.team-link{display:inline-flex;align-items:center;gap:.5rem;color:#d9a182;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border:1px solid #d9a182;border-radius:6px}
.team-link:hover{color:#fff;background:#d9a182;transform:translateY(-2px)}
.team-link-linkedin{background:rgba(0,0,0,0);border-color:#d9a182;color:#d9a182}
.team-link-linkedin:hover{background:#d9a182;color:#fff}

.contact-content{max-width:600px;margin:0 auto}
.contact-info{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}
.contact-item{display:flex;align-items:center;gap:.5rem;color:#ccc}
.contact-item a{color:#d9a182;text-decoration:none}
.contact-item a:hover{color:#fff}
/* Credits hero number in cards */
.plan-credits {
    font-size: 2.2rem;
    font-weight: 700;
    color: #d9a182;
    line-height: 1;
    margin-top: 8px;
}
.plan-credits-label {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Plan sections & badges */
.plan-section {
    padding: 8px 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.plan-section:last-of-type {
    margin-bottom: 16px;
}
.plan-section-title {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.35);
    margin-bottom: 6px;
}
.plan-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.badge-on {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    background: rgba(217, 161, 130, 0.15);
    border: 1px solid rgba(217, 161, 130, 0.3);
    border-radius: 20px;
}
.badge-off {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 20px;
    text-decoration: line-through;
}

/* Nav actions group (lang + sign in, desktop) */
.nav-actions-desktop {
    display: none;
    align-items: center;
    gap: 10px;
}

/* Language button (matches cta-btn sizing) */
.lang-btn {
    padding: .75rem 1.5rem;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease, border-color .2s;
    display: inline-block;
    white-space: nowrap;
}
.lang-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(217,161,130,.2);
    border-color: #d9a182;
    color: #fff;
    text-decoration: none;
}

/* Language switch (mobile menu) */
.lang-switch {
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    padding: 6px 14px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    transition: all 0.2s;
    display: inline-block;
}
.lang-switch:hover {
    color: #fff;
    border-color: #d9a182;
}
.nav-lang-mobile {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 8px;
    margin-top: 4px;
}

@media (min-width: 769px) {
    .nav-lang-mobile { display: none; }
    .nav-actions-desktop { display: flex; }
}
@media (max-width: 768px) {
    .nav-actions-desktop { display: none; }
}

/* Client logos */
.client-logo img {
    height: 52px !important;
    width: auto !important;
    max-width: none !important;
    filter: brightness(0) invert(1);
}

/* Mobile responsive overrides */
@media (max-width: 992px) {
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .pricing-card { padding: 1.5rem 1.25rem; }
    .plan-credits { font-size: 1.8rem; }
}
@media (max-width: 576px) {
    .features-grid { grid-template-columns: 1fr; }
    .pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }
    .pricing-card.featured { order: -1; }
}