/* AJAF Landing v1.0 - Homepage */

/* Section générale */
.section{padding:80px 0}
.section-sm{padding:60px 0}

/* Hero */
.hero{background:var(--white);position:relative}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.hero h1{margin-bottom:24px;color:var(--ink)}
.hero-lead{font-size:18px;color:var(--muted);margin-bottom:32px;line-height:1.6}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}

/* Chat Demo */
.chat-demo{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow-md)}
.chat-header{display:flex;gap:6px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.chat-dot{width:8px;height:8px;border-radius:50%}
.chat-dot:nth-child(1){background:#FF5F57}
.chat-dot:nth-child(2){background:#FFBD2E}
.chat-dot:nth-child(3){background:#28CA42}
.chat-content{color:var(--ink)}
.chat-q{background:var(--soft);padding:12px;border-radius:8px;margin-bottom:12px;font-size:14px}
.chat-r{border-left:2px solid var(--blue);padding-left:12px;font-size:14px;color:var(--muted);line-height:1.5}

/* Features */
.features{background:var(--soft)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.feature-card{background:var(--white);padding:32px;border-radius:8px;border:1px solid var(--line);transition:var(--transition)}
.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.feature-icon{width:48px;height:48px;border-radius:6px;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px}
.feature-card h3{margin-bottom:16px;font-weight:400}
.feature-card p{color:var(--muted);margin-bottom:0}

/* Contact */
.contact{background:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.form-row{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}

/* Footer */
.footer{background:var(--ink);color:var(--white)}
.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:48px 0 32px}
.footer-links a{color:#94A3B8;text-decoration:none;display:block;margin-bottom:8px;font-size:14px}
.footer-links a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid #374151;padding:24px 0;text-align:center;color:#6B7280;font-size:13px}

/* Nav links */
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:400;font-size:15px;transition:var(--transition)}
.nav-links a:hover{color:var(--blue)}
.nav-links .btn-primary{color:var(--white)!important}
.nav-links .btn-primary:hover{color:var(--white)!important}

/* Responsive */
@media(max-width:768px){
  .nav{flex-direction:column;gap:16px}
  .nav-links{gap:24px}
  .hero-grid,.contact-grid{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .footer-content{grid-template-columns:1fr;text-align:center}
  .section{padding:60px 0}
}
@media(max-width:480px){
  .hero-cta{flex-direction:column}
  .btn{width:100%;justify-content:center}
}