/* * CSS inspiré de startup-pro et ai-tool de nextjstemplates * Style sombre moderne avec effets AI et design professionnel *//* === RESET ET VARIABLES === */:root{/* Palette de couleurs */ --background-primary:#030712;--background-secondary:#111827;--background-card:#1f2937;--background-gradient:radial-gradient(circle at 20% 80%,rgba(59,130,246,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,0.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,0.05) 0%,transparent 50%),#030712;--text-primary:#ffffff;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-blue:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--gradient-card:linear-gradient(145deg,#1f2937 0%,#111827 100%);--gradient-ai-blue:linear-gradient(90deg,#3b82f6,#a78bfa);--gradient-ai-green:linear-gradient(90deg,#10b981,#3b82f6);--shadow-primary:0 10px 25px -5px rgba(0,0,0,0.5);--shadow-card:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-hover:0 20px 40px -10px rgba(0,0,0,0.6);--shadow-glow-blue:0 0 15px rgba(59,130,246,0.5);--shadow-glow-purple:0 0 15px rgba(139,92,246,0.5);}/* Reset général */*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;min-height:100%;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--background-gradient);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;}/* === HEADER === */.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(3,7,18,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);transition:all 0.3s ease;width:100%;}.header.scrolled{background:rgba(3,7,18,0.95);box-shadow:var(--shadow-primary);}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px;}.logo-container{display:flex;align-items:center;gap:12px;}.logo{font-size:24px;font-weight:800;color:var(--text-primary);text-decoration:none;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.beta-badge{background:var(--accent-blue);color:white;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;position:relative;top:-2px;}.main-nav{display:flex;align-items:center;gap:32px;}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:color 0.3s ease;position:relative;}.nav-links a:hover{color:var(--text-primary);}.nav-links a.active{color:var(--accent-blue);}/* === BOUTONS === */.btn-primary{background:var(--gradient-blue);color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:var(--shadow-primary);white-space:nowrap;}.btn-outline{background:transparent;color:var(--text-primary);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease;border:1px solid var(--border-secondary);cursor:pointer;white-space:nowrap;}.btn-primary:hover,.btn-primary:focus{transform:translateY(-2px);box-shadow:var(--shadow-hover);}.btn-outline:hover,.btn-outline:focus{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px);}.btn-login{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:15px;transition:color 0.3s ease;margin-right:16px;}.btn-signup{background:var(--gradient-blue);color:white;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;white-space:nowrap;}.btn-login:hover{color:var(--accent-blue);}.btn-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);}.btn-pricing{display:inline-block;background:var(--gradient-blue);color:white;padding:12px 24px;border-radius:8px;text-align:center;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-top:24px;width:100%;}.btn-pricing:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);}/* === MOBILE MENU === */.mobile-menu-toggle{display:none;font-size:24px;background:none;border:none;color:var(--text-primary);cursor:pointer;}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--background-secondary);border-bottom:1px solid var(--border-primary);padding:24px;z-index:999;}.mobile-menu ul{list-style:none;}.mobile-menu li{margin-bottom:16px;}.mobile-menu a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:16px;display:block;padding:8px 0;}.mobile-menu a:hover,.mobile-menu a.active{color:var(--accent-blue);}.mobile-menu.open{display:block;animation:slideDown 0.3s ease forwards;}@keyframes slideDown{from{transform:translateY(-10px);opacity:0;}to{transform:translateY(0);opacity:1;}}.mobile-nav-links{list-style:none;padding:0;}.mobile-nav-link{font-weight:500;font-size:16px;padding:12px 0;display:block;color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease;}.mobile-nav-link.highlight{color:var(--accent-blue);font-weight:600;}/* === LAYOUT PRINCIPAL === */.container{max-width:1200px;margin:0 auto;padding:0 24px;}.section{padding:80px 0;}/* === HERO SECTION === */.hero{padding:140px 0 80px;position:relative;overflow:hidden;margin-top:0;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,0.15) 0%,transparent 70%);z-index:-1;}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.hero-content{max-width:600px;}.hero-subtitle{font-size:16px;font-weight:600;color:var(--accent-blue);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;}.hero-subtitle::before{content:"";display:inline-block;width:24px;height:2px;background:var(--accent-blue);margin-right:12px;}.hero-title{font-size:56px;line-height:1.1;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#ffffff 0%,#9ca3af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-description{font-size:18px;line-height:1.7;margin-bottom:36px;color:var(--text-secondary);max-width:540px;}.hero-cta-group{display:flex;gap:16px;margin-bottom:36px;}.hero-stats{display:flex;gap:48px;margin-top:32px;}.hero-stat{display:flex;flex-direction:column;}.hero-stat-number{font-size:36px;font-weight:800;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-stat-text{font-size:14px;color:var(--text-secondary);margin-top:4px;}.hero-image-container{position:relative;z-index:2;}.hero-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-primary);}.hero-image{width:100%;height:auto;display:block;border-radius:12px;}.hero-image-glow{position:absolute;top:40%;left:40%;width:60%;height:60%;background:var(--accent-blue);filter:blur(100px);opacity:0.3;z-index:-1;}/* === FEATURES SECTION === */.features{padding:100px 0;position:relative;overflow:hidden;}.section-heading{text-align:center;max-width:700px;margin:0 auto 60px;}.section-subtitle{font-size:16px;font-weight:600;color:var(--accent-blue);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;display:inline-block;}.section-title{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:24px;}.section-description{font-size:18px;color:var(--text-secondary);line-height:1.7;}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}.feature-card{background:var(--gradient-card);padding:30px;border-radius:16px;border:1px solid var(--border-primary);transition:all 0.3s ease;height:100%;box-shadow:var(--shadow-card);}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent-blue);box-shadow:var(--shadow-hover);}.feature-card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);color:var(--accent-blue);font-size:24px;}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:16px;}.feature-card p{color:var(--text-secondary);line-height:1.7;}/* === ABOUT SECTION === */.about{padding:100px 0;position:relative;overflow:hidden;}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.about-image-container{position:relative;z-index:2;}.about-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-primary);}.about-image{width:100%;height:auto;display:block;border-radius:12px;}.about-image-glow{position:absolute;bottom:-20%;left:-10%;width:70%;height:70%;background:var(--accent-purple);filter:blur(100px);opacity:0.2;z-index:-1;}.about-content h2{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:24px;}.about-text{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;}.about-title{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:24px;}.feature-list{display:flex;flex-direction:column;gap:24px;list-style-type:none;}.feature-item{display:flex;gap:20px;}.feature-icon{width:48px;height:48px;background:rgba(59,130,246,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-blue);flex-shrink:0;}.feature-content h4{font-size:18px;font-weight:700;margin-bottom:8px;}.feature-content p{font-size:15px;color:var(--text-secondary);line-height:1.6;}/* === MARTIN INTEGRATION SECTION === */.martin-integration{padding:100px 0;background:var(--background-secondary);position:relative;overflow:hidden;}.martin-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.martin-title{font-size:36px;font-weight:800;margin-bottom:24px;}.martin-description{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;}.martin-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;list-style-type:none;}.martin-feature{display:flex;align-items:center;gap:12px;font-size:15px;}.martin-feature i{color:var(--accent-blue);font-size:18px;}.martin-chat-container{background:var(--background-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-primary);height:500px;display:flex;flex-direction:column;}.martin-chat-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary);}.martin-chat-title{display:flex;align-items:center;gap:12px;}.martin-avatar{width:40px;height:40px;background:var(--gradient-ai-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;}.martin-title-text h3{font-size:16px;font-weight:700;margin:0;}.martin-title-text p{font-size:12px;color:var(--text-secondary);margin:0;}.martin-chat-actions{display:flex;gap:12px;}.martin-action-button{width:36px;height:36px;background:var(--background-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all 0.3s ease;}.martin-action-button:hover{background:var(--background-primary);color:var(--text-primary);}.martin-chat-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;}.martin-chat-footer{padding:20px;display:flex;gap:12px;border-top:1px solid var(--border-primary);}.martin-chat-input{flex:1;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;outline:none;transition:all 0.3s ease;}.martin-chat-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue);}.martin-chat-send{width:40px;height:40px;background:var(--accent-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all 0.3s ease;}.martin-chat-send:hover{background:var(--accent-purple);transform:translateY(-2px);}/* === SECURITY SECTION === */.security{padding:100px 0;position:relative;overflow:hidden;}.security-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.security-content h2{font-size:36px;font-weight:800;margin-bottom:24px;}.security-text{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;}.security-title{font-size:36px;font-weight:800;margin-bottom:24px;}.security-features{display:flex;flex-direction:column;gap:32px;list-style-type:none;}.security-feature{display:flex;gap:24px;}.security-feature-icon{width:56px;height:56px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-green);flex-shrink:0;}.security-feature-content h4{font-size:18px;font-weight:700;margin-bottom:8px;}.security-feature-content p{font-size:15px;color:var(--text-secondary);line-height:1.6;}.security-image-container{position:relative;z-index:2;}.security-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-primary);}.security-image{width:100%;height:auto;display:block;border-radius:12px;}.security-image-glow{position:absolute;bottom:-10%;right:-10%;width:70%;height:70%;background:var(--accent-green);filter:blur(100px);opacity:0.2;z-index:-1;}/* === PRICING SECTION === */.pricing{padding:100px 0;background:var(--background-secondary);position:relative;overflow:hidden;}.pricing-container{position:relative;z-index:2;}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px;}.pricing-toggle-text{font-size:15px;color:var(--text-secondary);cursor:pointer;transition:color 0.3s;user-select:none;}.pricing-toggle-text.active{color:var(--text-primary);font-weight:600;}.pricing-toggle-switch{width:50px;height:28px;background:var(--background-primary);border-radius:14px;position:relative;cursor:pointer;transition:background 0.3s;}.pricing-toggle-switch::before{content:'';position:absolute;width:20px;height:20px;background:var(--accent-blue);border-radius:50%;top:4px;left:4px;transition:transform 0.3s,background 0.3s;}.pricing-toggle-switch.switched::before{transform:translateX(22px);background:var(--accent-purple);}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px;}.pricing-card{background:var(--background-card);padding:40px 30px;border-radius:16px;border:1px solid var(--border-primary);transition:all 0.3s ease;position:relative;box-shadow:var(--shadow-card);}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--border-secondary);}.pricing-card.popular{border-color:var(--accent-blue);transform:scale(1.05);box-shadow:var(--shadow-primary);}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px);}.popular-badge{position:absolute;top:16px;right:16px;background:var(--accent-blue);color:white;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600;}.pricing-name{font-size:20px;font-weight:700;margin-bottom:12px;}.pricing-price{font-size:40px;font-weight:800;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:flex-start;}.pricing-price sup{font-size:24px;margin-left:2px;}.pricing-price .duration{font-size:16px;color:var(--text-secondary);font-weight:500;margin-left:4px;}.pricing-description{font-size:15px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6;min-height:48px;}.pricing-features{list-style-type:none;margin-bottom:24px;}.pricing-feature{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:15px;line-height:1.5;}.pricing-feature i{color:var(--accent-blue);font-size:16px;}.pricing-feature.disabled{color:var(--text-muted);}.pricing-feature.disabled i{color:var(--text-muted);}/* === DASHBOARD SECTION === */.dashboard-teaser{padding:100px 0;position:relative;overflow:hidden;}.dashboard-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.dashboard-title{font-size:36px;font-weight:800;margin-bottom:24px;}.dashboard-description{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px;}.dashboard-features{display:flex;flex-direction:column;gap:24px;list-style-type:none;margin-bottom:32px;}.dashboard-feature{display:flex;gap:20px;}.dashboard-icon{width:48px;height:48px;background:rgba(59,130,246,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-blue);flex-shrink:0;}.dashboard-feature-content h4{font-size:18px;font-weight:700;margin-bottom:8px;}.dashboard-feature-content p{font-size:15px;color:var(--text-secondary);line-height:1.6;}.dashboard-screenshot-container{position:relative;z-index:2;}.dashboard-screenshot-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-primary);transform:perspective(1000px) rotateY(5deg) rotateX(5deg);transition:all 0.5s ease;}.dashboard-screenshot{width:100%;height:auto;display:block;border-radius:12px;}.dashboard-screenshot-wrapper:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg);}.dashboard-decoration{position:absolute;top:20%;right:-10%;width:50%;height:50%;background:var(--accent-purple);filter:blur(80px);opacity:0.15;z-index:-1;border-radius:50%;}.cta-buttons{display:flex;gap:16px;}/* === NEWSLETTER SECTION === */.newsletter{padding:100px 0;background:var(--background-secondary);text-align:center;}.newsletter-container{max-width:700px;margin:0 auto;}.newsletter-title{font-size:36px;font-weight:800;margin-bottom:20px;}.newsletter-description{font-size:17px;color:var(--text-secondary);margin-bottom:40px;line-height:1.7;}.newsletter-form{display:flex;gap:16px;max-width:500px;margin:0 auto;position:relative;}.newsletter-input{flex:1;background:var(--background-card);border:1px solid var(--border-primary);color:var(--text-primary);padding:0 20px;border-radius:8px;height:50px;outline:none;font-size:15px;transition:all 0.3s;}.newsletter-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue);}.newsletter-button{height:50px;padding:0 24px;background:var(--gradient-blue);color:white;font-weight:600;font-size:15px;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;}.newsletter-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);}/* === CTA SECTION === */.cta{padding:80px 0;text-align:center;}.cta-container{max-width:800px;margin:0 auto;padding:60px 40px;background:var(--background-card);border-radius:24px;box-shadow:var(--shadow-primary);border:1px solid var(--border-primary);position:relative;overflow:hidden;}.cta-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,0.1) 0%,transparent 60%);z-index:0;}.cta-title{font-size:36px;font-weight:800;margin-bottom:16px;position:relative;z-index:1;}.cta-description{font-size:17px;color:var(--text-secondary);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative;z-index:1;}.cta-buttons{display:flex;gap:16px;justify-content:center;position:relative;z-index:1;}/* === FOOTER === */.footer{padding:80px 0 40px;background:var(--background-secondary);}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}.footer-brand{max-width:300px;}.footer-logo{font-size:24px;font-weight:800;color:var(--text-primary);text-decoration:none;margin-bottom:20px;display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.footer-description{color:var(--text-secondary);margin-bottom:24px;line-height:1.7;}.footer-social{display:flex;gap:12px;}.footer-social-icon{width:40px;height:40px;background:var(--background-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all 0.3s;}.footer-social-icon:hover{color:var(--text-primary);background:var(--accent-blue);transform:translateY(-3px);}.footer-links-title{font-size:16px;font-weight:700;margin-bottom:24px;}.footer-links{list-style-type:none;display:flex;flex-direction:column;gap:16px;}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color 0.3s;font-size:15px;}.footer-link:hover{color:var(--text-primary);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border-primary);}.footer-copyright{color:var(--text-muted);font-size:14px;}.footer-legal-links{display:flex;gap:24px;}.footer-legal-link{color:var(--text-muted);text-decoration:none;font-size:14px;transition:color 0.3s;}.footer-legal-link:hover{color:var(--text-secondary);}/* === FLOATING ELEMENTS === */.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;}.floating-element{position:absolute;background-color:rgba(255,255,255,0.1);border-radius:50%;animation:float 20s linear infinite;opacity:0.4;}.floating-element.circle{border-radius:50%;}.floating-element.square{border-radius:3px;}.floating-element.triangle{width:0 !important;height:0 !important;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:17px solid rgba(255,255,255,0.1);background-color:transparent;}@keyframes float{0%,100%{transform:translateY(0) translateX(0) rotate(0);}25%{transform:translateY(-30px) translateX(20px) rotate(90deg);}50%{transform:translateY(-15px) translateX(-20px) rotate(180deg);}75%{transform:translateY(30px) translateX(25px) rotate(270deg);}}/* === MARTIN CHAT === */.martin-chat-body{position:relative;height:320px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;}.martin-message{display:flex;gap:12px;max-width:85%;animation:fadeInUp 0.5s ease forwards;}.martin-message.user{margin-left:auto;flex-direction:row-reverse;}.martin-message-avatar{width:36px;height:36px;background:var(--gradient-ai-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;}.martin-message-avatar.user{background:var(--gradient-ai-green);}.martin-message-content{background:var(--background-card);padding:14px;border-radius:12px;border-top-left-radius:2px;box-shadow:var(--shadow-card);font-size:14px;line-height:1.5;}.martin-message.user .martin-message-content{background:var(--accent-blue);color:white;border-top-left-radius:12px;border-top-right-radius:2px;}.martin-typing{display:flex;gap:12px;max-width:85%;}.martin-typing-indicator{background:var(--background-card);padding:14px;border-radius:12px;border-top-left-radius:2px;box-shadow:var(--shadow-card);font-size:14px;display:flex;align-items:center;gap:8px;}.typing-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typingDot 1.5s infinite ease-in-out;}.typing-dot:nth-child(2){animation-delay:0.2s;}.typing-dot:nth-child(3){animation-delay:0.4s;}@keyframes typingDot{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-5px);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}/* === ANIMATION AU SCROLL === */.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease;}.animate-on-scroll.animated{opacity:1;transform:translateY(0);}/* Délai échelonné pour les cartes */.feature-card:nth-child(2),.pricing-card:nth-child(2){transition-delay:0.2s;}.feature-card:nth-child(3),.pricing-card:nth-child(3){transition-delay:0.4s;}.feature-card:nth-child(4){transition-delay:0.6s;}.feature-card:nth-child(5){transition-delay:0.8s;}.feature-card:nth-child(6){transition-delay:1s;}/* === ACCESSIBILITÉ === */.btn-primary:focus,.btn-outline:focus,.nav-link:focus,.btn-pricing:focus,.mobile-menu-toggle:focus{outline:2px solid var(--accent-blue);outline-offset:2px;}.martin-chat-input:focus,.newsletter-input:focus{outline:2px solid var(--accent-blue);border-color:var(--accent-blue);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}/* === RESPONSIVE === */@media (max-width:992px){.header{padding:15px 0;}.nav-links,.nav-buttons{display:none;}.mobile-menu-toggle{display:block;}.hero-container,.about-container,.security-container,.dashboard-container{grid-template-columns:1fr;gap:40px;}.hero-content,.about-content,.security-content,.dashboard-content{order:1;}.hero-image-container,.about-image-container,.security-image-container,.dashboard-screenshot-container{order:2;}.features-grid{grid-template-columns:repeat(2,1fr);}.pricing-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px;}.footer-brand{grid-column:span 2;max-width:100%;}}@media (max-width:768px){.hero{padding:120px 0 60px;}.hero-title{font-size:42px;}.section-title{font-size:32px;}.features-grid,.pricing-grid{grid-template-columns:1fr;}.martin-container{grid-template-columns:1fr;}.martin-content{order:1;}.martin-chat-container{order:2;height:450px;}.martin-features{grid-template-columns:1fr;}.hero-cta-group,.hero-stats{flex-wrap:wrap;}.newsletter-form{flex-direction:column;}.newsletter-button{width:100%;}.footer-grid{grid-template-columns:1fr;}.footer-brand{grid-column:span 1;}.footer-bottom{flex-direction:column;gap:20px;text-align:center;}}@media (max-width:576px){.hero{padding:100px 0 40px;}.hero-title,.about-title,.security-title,.dashboard-title,.newsletter-title{font-size:36px;}.hero-cta-group{flex-direction:column;}.hero-stats{flex-direction:column;gap:20px;}.cta-buttons{flex-direction:column;}.footer-legal-links{flex-wrap:wrap;justify-content:center;}}/* === CLASSES COMPLÉMENTAIRES === *//* Classes manquantes identifiées par le diagnostic */.bi{/* La classe est déjà définie dans le CDN Bootstrap Icons mais on l'ajoute par sécurité */ display:inline-block;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em;-webkit-font-smoothing:antialiased;}/* Classes pour le toggle de prix */.price-monthly,.price-yearly{display:none;}.price-monthly.active,.price-yearly.active{display:inline;}.monthly,.yearly{cursor:pointer;padding:0.5rem 1rem;border-radius:20px;transition:all 0.2s ease;margin:0 0.25rem;}.monthly.active,.yearly.active{background:var(--accent-blue);color:white;}/* Classes d'éléments de contenu */.security-content{z-index:1;}.security-feature-content{padding-left:0.75rem;}.dashboard-feature-content{display:flex;flex-direction:column;}.feature-content{margin-left:1rem;}.martin-title-text{font-size:2.25rem;font-weight:700;margin-bottom:2rem;text-align:center;}/* Liens de navigation */.nav-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;padding:0.5rem 1rem;transition:all 0.3s ease;}.nav-link:hover,.nav-link.active{color:var(--text-primary);}/* Structure du footer */.footer-links-column{display:flex;flex-direction:column;}