:root{--primary-color: #2189e3;--primary-hover: #1a6cb3;--accent-conversion: #F59E0B;--accent-conversion-hover: #D97706;--secondary-color: #10B981;--text-main: #172354;--text-muted: #4B5563;--bg-light: #F9FAFB;--bg-white: #FFFFFF;--border-color: #E5E7EB;--accent-gradient: linear-gradient(135deg, #2189e3 0%, #1a6cb3 100%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1200px;--section-padding: 5rem 2rem;--radius-md: 12px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);color:var(--text-main);line-height:1.6;background-color:#f3f4f6;background-image:radial-gradient(at 0% 0%,hsla(208,76%,92%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(200,80%,95%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(215,60%,92%,1) 0,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:-1;opacity:.4}.glass-panel{background:#ffffffa6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 30px #0000000d,inset 0 0 0 1px #ffffff4d}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.cta-button{display:inline-block;background:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:600;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:transform .2s ease}.hero-content .cta-button,.plan-card .cta-button.primary{background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-color) 100%);border:none}.cta-button:hover{transform:scale(1.1);box-shadow:none;filter:none}.cta-button.secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.cta-button.secondary:hover{background:var(--bg-light);transform:scale(1.1)}.cta-button.small{width:auto}.cta-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.trust-badges{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.trust-badges .stars{color:var(--accent-conversion);letter-spacing:2px}.final-cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.trust-badges.white-text{color:#ffffffe6}.card-trust{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:.5rem}@media (max-width: 768px){.cta-button{width:100%;text-align:center;padding:1rem}.cta-button.small{width:auto}}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-main)}.hero-section{padding:6rem 1rem 0;background:transparent;overflow:hidden;position:relative}.hero-section:before{content:"";position:absolute;top:-10%;right:-5%;width:50vw;height:50vw;max-width:600px;max-height:600px;background:linear-gradient(135deg,#2189e3,#60a5fa);border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1;animation:float 10s infinite ease-in-out}.hero-section:after{content:"";position:absolute;bottom:-10%;left:-10%;width:40vw;height:40vw;max-width:500px;max-height:500px;background:linear-gradient(135deg,#10b981,#2189e3);border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(30px,50px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.hero-section .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-main);margin-bottom:2.5rem}.mockup-container{position:relative;perspective:1000px}.mockup-screen{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000001a;padding:1.5rem;transform:rotateY(-5deg) rotateX(5deg);border:1px solid var(--border-color)}@media (max-width: 768px){.mockup-screen{transform:none;margin:0 auto;max-width:100%;width:100%}.mockup-container{padding:0 1rem;width:100%;overflow:hidden}}.stats-panel{max-width:900px;margin:0 auto;padding:1rem}.stats-text{font-size:.95rem;color:var(--text-muted);font-weight:400;line-height:1.5}@media (max-width: 768px){.stats-text{font-size:.85rem;padding:0 1rem}}.stats-text .highlight{color:inherit;font-weight:600;position:relative;display:inline-block}.brand-marquee-section{padding:3rem 0 2rem;background:transparent;text-align:center;overflow:hidden;opacity:.9}.brand-marquee-section .container{display:block;max-width:var(--container-width);margin:0 auto;padding:0 1rem}.brand-text{font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;opacity:.7}.marquee-container{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:4rem;width:max-content;animation:scroll 40s linear infinite;padding:1rem 0}.brand-logo{height:28px;width:auto;object-fit:contain;filter:grayscale(100%) opacity(.5);transition:all .3s ease}.brand-logo:hover{filter:grayscale(0%) opacity(1);transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.why-section{padding:var(--section-padding)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cards-grid{grid-template-columns:1fr}}.feature-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem 1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d;border-color:var(--primary-color)}.feature-card .icon{margin-bottom:1rem;height:60px;display:flex;align-items:center;justify-content:center;width:100%}.feature-icon-img{height:100%;width:auto;object-fit:contain}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.how-section{padding:var(--section-padding);background:var(--bg-light)}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-list-item{display:flex;align-items:flex-start;gap:1.5rem;background:#ffffff80;padding:1.5rem;border-radius:var(--radius-md);transition:transform .2s ease}.feature-list-item:hover{transform:translateY(-5px);background:#fffc}.feature-icon{flex-shrink:0;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.feature-icon svg{width:20px;height:20px}.feature-text-content h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-main)}.feature-text-content p{font-size:1rem;color:var(--text-muted);line-height:1.5}.center-cta{text-align:center;margin-top:3rem}.social-proof-section{padding:4rem 1rem;text-align:center}.testimonial{max-width:800px;margin:0 auto 2rem}.testimonial p{font-size:1.5rem;font-style:italic;color:var(--text-main);margin-bottom:1rem}.testimonial .author{font-weight:600;color:var(--text-muted)}.logos-grid{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.logo-placeholder{font-weight:700;font-size:1.25rem;color:var(--text-muted)}.offer-section{padding:var(--section-padding);background:#f8fafc}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;align-items:start}.target-audience{color:var(--text-muted);font-size:.9rem}.plan-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;height:100%;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014;border-color:var(--primary-color)}.plan-card.featured{border:3px solid var(--text-main);box-shadow:0 20px 40px -10px #17235433;transform:scale(1.05);z-index:2;background:#fff}.plan-card.featured:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 30px 60px -15px #1723544d}.plan-card.featured:before{content:"Le plus populaire";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--text-main);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 6px #0000001a}.plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.plan-price{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main)}.plan-price .period{font-size:1rem;color:var(--text-muted);font-weight:400}.plan-features{margin-bottom:2rem;flex-grow:1}.plan-features li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.plan-features li:before{content:"✓";color:var(--secondary-color);position:absolute;left:0;font-weight:700}.plan-card .cta-button{width:100%;text-align:center}.guarantees-section{padding:4rem 1rem;background:#fff;border-top:1px solid var(--border-color)}.guarantees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.guarantee-item h4{margin-bottom:.5rem;color:var(--text-main)}.faq-section{padding:var(--section-padding);background:var(--bg-light)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;margin-bottom:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.faq-item summary{padding:1.5rem;font-weight:600;cursor:pointer;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:1.5rem;font-size:1.5rem;font-weight:400;color:var(--primary-color)}.faq-item[open] summary:after{content:"-"}.faq-item p{padding:0 1.5rem 1.5rem;color:var(--text-muted)}.final-cta-section{padding:6rem 1rem;text-align:center;background:var(--text-main);color:#fff}.final-cta-section h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.hero-logo{height:80px;width:auto;margin-bottom:2rem}@media (max-width: 768px){.hero-section .container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;gap:3rem;text-align:center}.hero-title{font-size:2.5rem}.pricing-grid{grid-template-columns:1fr}.logo-placeholder{display:none}}@media (max-width: 400px){.pricing-grid{gap:3rem}.plan-card{padding:1.5rem}.plan-card.featured{padding-top:3rem;margin-top:.5rem}.plan-price{font-size:2rem}}@media (max-width: 768px){.steps-container{flex-direction:column;align-items:center}.step-item{width:100%}}.site-header{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:1000;transition:transform .3s ease-in-out}.site-header.header-hidden{transform:translate(-50%,-150%)}.header-container{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 1.5rem .5rem 1.25rem;border-radius:100px;display:flex;justify-content:space-between;align-items:center;width:100%;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.5)}.header-nav{display:contents}.header-nav a{font-size:.95rem;font-weight:500;color:var(--text-main);transition:color .2s ease}.header-nav a:hover{color:var(--primary-color)}@media (max-width: 768px){.header-nav{display:none}.header-container{justify-content:center;padding-right:1.25rem}}@media (max-width: 400px){.header-container{padding:.5rem .75rem}.header-logo{font-size:1rem;gap:.5rem}.header-logo img{height:32px}.cta-button.small{padding:.4rem .8rem;font-size:.8rem}.logo-text{display:none}}.header-logo{display:flex;align-items:center;gap:.1rem;font-weight:700;font-size:1.25rem;color:var(--text-main)}.header-logo img{height:40px;width:auto}.cta-button.small{padding:.5rem 1.25rem;font-size:.9rem}@media (max-width: 480px){.header-container{padding:.5rem 1rem}.header-logo img{height:32px}.header-logo span{font-size:1rem}.cta-button.small{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 380px){.header-logo span{display:none}}.hero-section{padding-top:10rem;overflow-x:hidden}@media (max-width: 900px){.hero-section{padding-top:6rem;padding-bottom:2rem}.hero-title{font-size:clamp(1.5rem,5vw,2.5rem);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-content{padding:0}.hero-section:before{width:80vw;height:80vw;top:-20%;right:-30%;opacity:.1}.hero-section:after{width:70vw;height:70vw;bottom:-10%;left:-20%;opacity:.1}}@media (max-width: 480px){.hero-title{font-size:1.75rem}}@media (max-width: 400px){.hero-section{padding-left:0;padding-right:0}.container{width:100%;max-width:100%;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box}.hero-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(1.5rem,6vw,2rem);width:100%;margin-left:auto;margin-right:auto}.chat-interface{min-height:350px;width:100%}.message-content{max-width:90%;padding:.75rem 1rem}}.site-footer{background:#f3f4f6;padding:4rem 1rem;border-top:1px solid var(--border-color)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--primary-color)}.footer-social{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:500}.footer-social a{color:var(--text-main);transition:color .2s}.footer-social a:hover{color:var(--primary-color)}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--primary-color)}.copyright{color:var(--text-muted);font-size:.9rem}.mockup-screen{padding:0;overflow:hidden;background:#f9fafb;display:flex;flex-direction:column}.chat-interface{display:flex;flex-direction:column;height:100%;min-height:400px}.chat-header{background:#fff;padding:1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.bot-avatar-small{width:40px;height:40px;background:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:5px}.bot-avatar-small img{width:100%;height:auto}.chat-title{display:flex;flex-direction:column}.bot-name{font-weight:700;font-size:.95rem;color:var(--text-main)}.bot-status{font-size:.75rem;color:var(--secondary-color);display:flex;align-items:center;gap:4px}.bot-status:before{content:"";display:block;width:6px;height:6px;background:var(--secondary-color);border-radius:50%}.chat-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.chat-message{display:flex;gap:1rem;max-width:100%;padding:0 1rem;background:transparent;border:none}.chat-message.user{flex-direction:row;justify-content:flex-end}.chat-message.bot{flex-direction:row;justify-content:flex-start;margin-bottom:1rem}.user-avatar{width:36px;height:36px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bot-avatar{width:36px;height:36px;background:#fff;border:1px solid var(--border-color);border-radius:50%;padding:4px;flex-shrink:0}.bot-avatar img{width:100%;height:auto}.message-content{padding:1rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.5;max-width:80%;box-shadow:0 2px 5px #0000000d}.message-content p{margin-bottom:.5rem}.message-content ol{margin:0;padding-left:1.5rem}.message-content li{margin-bottom:.25rem}.chat-message.user .message-content{background:linear-gradient(135deg,#007aff,#0062cc);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #007aff40}.chat-message.bot .message-content{background:#e9e9eb;color:#000;border-bottom-left-radius:4px;border:none}.chat-input-area{background:#fff;padding:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.chat-input-placeholder{flex:1;color:#9ca3af;font-size:.95rem;background:#f3f4f6;padding:.75rem 1rem;border-radius:25px}.send-button{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:transform .2s}.send-button:hover{transform:scale(1.05)}.testimonials-slider{width:100%;overflow:hidden;margin-bottom:4rem;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.testimonials-track{display:flex;gap:2rem;width:max-content;animation:scroll 40s linear infinite;padding:1rem 0}.testimonials-track:hover{animation-play-state:paused}.testimonial-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.6);width:400px;flex-shrink:0;text-align:left;box-shadow:0 4px 6px #00000005;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card:hover{transform:translateY(-5px);background:#ffffffe6}.testimonial-card p{font-size:1.1rem;font-style:italic;color:var(--text-main);margin-bottom:1.5rem;line-height:1.6}.testimonial-footer{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 4px #0000001a}.author-info{display:flex;flex-direction:column}.testimonial-card .author{font-weight:700;color:var(--primary-color);font-size:.95rem}.author-role{font-size:.85rem;color:var(--text-muted)}.global-rating-container{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.stars-large{color:#f59e0b;font-size:1.5rem;letter-spacing:4px;margin-bottom:.5rem}.global-rating-container p{color:var(--text-muted);font-size:.95rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-1200px - 6rem))}}@media (max-width: 768px){.testimonial-card{width:300px}@media (max-width: 400px){.testimonial-card{width:260px;padding:1.5rem}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(0)}}}.partners-static-container{text-align:center;margin:2rem 0;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.partners-heading{font-size:1.2rem;color:var(--text-muted);font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em}.partners-grid{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;padding:0 1rem}.company-logo{height:70px;width:auto;object-fit:contain;transition:all .3s ease;filter:grayscale(100%);opacity:.7}.company-logo:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.plan-description{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem;font-style:italic}.reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes pulse-glow{0%{box-shadow:0 4px 6px -1px #2189e34d,0 2px 4px -1px #2189e326}50%{box-shadow:0 4px 20px #2189e399,0 2px 4px -1px #2189e326}to{box-shadow:0 4px 6px -1px #2189e34d,0 2px 4px -1px #2189e326}}.cta-button{animation:pulse-glow 3s infinite ease-in-out}.animated-message{opacity:0;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.chat-input-text{flex-grow:1;overflow:hidden;white-space:nowrap;font-size:.9rem;color:var(--text-main)}.typing-text{display:inline-block;overflow:hidden;width:0;border-right:2px solid var(--primary-color);animation:typing 2s steps(40,end) forwards,blink .75s step-end infinite,clearInput .1s 2.5s forwards;white-space:nowrap}@media (max-width: 768px){.typing-text{font-size:.7rem;border-right:2px solid var(--primary-color)}.chat-input-text{font-size:.7rem}.chat-input-area{padding:.5rem}}.animated-send{animation:clickButton .3s 2.2s forwards}.delay-1{animation-delay:2.5s}.delay-2{animation:fadeInUp .5s 3.5s forwards,fadeOut .5s 5.5s forwards}.delay-3{animation-delay:5.5s}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}@keyframes clearInput{to{width:0;opacity:0;border:none}}@keyframes clickButton{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;display:none;height:0;margin:0;padding:0}}.typing-indicator .message-content.typing{display:flex;gap:4px;padding:1rem;align-items:center;min-height:24px}.typing span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing span:nth-child(1){animation-delay:-.32s}.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.app-bottom-nav{display:flex;justify-content:space-between;padding:10px 20px;background:#fff;border-top:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:500}.nav-item svg{width:20px;height:20px;stroke:currentColor}.nav-item.active{color:var(--primary-color)}.nav-item:hover{color:var(--primary-hover)}.icon-container{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-2px;right:-4px;background:#ff3b30;color:#fff;font-size:.6rem;font-weight:700;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid white}