/* --- STYLE GÉNÉRAL --- */
:root { --primary: #0d6efd; --dark: #09090b; --accent: #ffc107; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow-x: hidden; }

/* --- HERO --- */
#hero {
    min-height: 100vh;
    background-size: cover; background-position: center;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    position: relative;
}
.typing-cursor { border-right: 3px solid var(--accent); animation: blink 0.7s infinite; }
@keyframes blink { 50% { border-color: transparent } }

/* --- NAVBAR --- */
.navbar { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid #eee; }

/* --- SMART FRAME IMAGES (RESPONSIVE) --- */
.smart-frame {
    width: 100%; height: 350px; /* Fixe PC */
    background: #f8f9fa; border-radius: 12px; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid rgba(0,0,0,0.05);
}
.smart-img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; }

/* Mobile Height */
@media(max-width: 768px) { .smart-frame { height: 260px; } }

/* --- EFFET N&B -> COULEUR --- */
.img-bw { filter: grayscale(100%) opacity(0.9); }
.smart-frame:hover .img-bw { filter: grayscale(0%) opacity(1); transform: scale(1.05); }

/* --- UI ELEMENTS --- */
.hover-scale:hover { transform: scale(1.05); transition: 0.3s; }
.cat-line { width: 4px; height: 25px; background: var(--primary); margin-right: 15px; }
.pricing-card { transition: 0.3s; }
.pricing-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }