:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a24;--bg-card-hover:#222230;--text-primary:#ffffff;--text-secondary:#a0a0b0;--text-muted:#6a6a7a;--accent-1:#8b5cf6;--accent-2:#06b6d4;--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-2));--border-color:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.15);--font-heading:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--section-padding:120px;--container-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 4px 30px rgba(0, 0, 0, 0.3);--transition:all 0.3s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);min-height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem, 6vw, 4rem)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:1.5rem}h4{font-size:1.125rem}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-badge{display:inline-block;padding:8px 16px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--accent-1);margin-bottom:16px}.section-intro{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:16px auto 48px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-heading);font-size:1rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px rgba(139,92,246,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(139,92,246,.4)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border-hover)}.btn-secondary:hover{background:rgba(255,255,255,.05);border-color:var(--text-secondary)}.btn-outline{background:0 0;color:var(--text-primary);border:1px solid var(--border-hover);width:100%}.btn-outline:hover{background:rgba(255,255,255,.05)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:rgba(10,10,15,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.navbar .container{position:relative;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.logo-icon{font-size:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:.9375rem;color:var(--text-secondary);transition:var(--transition)}.nav-links a:hover{color:var(--text-primary)}.btn-nav{padding:10px 20px;background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff!important}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}.mobile-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.orb-1{width:600px;height:600px;background:var(--accent-1);top:-200px;right:-200px;opacity:.3}.orb-2{width:400px;height:400px;background:var(--accent-2);bottom:-100px;left:-100px;opacity:.2}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-block;padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:100px;font-size:.875rem;color:var(--text-secondary);margin-bottom:24px}.hero h1{margin-bottom:24px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;max-width:500px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;height:400px}.hero-visual{display:none}.orbit-container{display:contents}.floating-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 24px;display:flex;align-items:center;gap:12px;font-weight:500;font-size:.95rem;box-shadow:var(--shadow);white-space:nowrap;animation:float 6s ease-in-out infinite}.card-icon{font-size:1.4rem}.card-1{animation-delay:0s}.card-2{animation-delay:.8s;margin-left:25px}.card-3{animation-delay:1.6s;margin-top:10px}.card-4{animation-delay:2.4s;margin-left:35px;margin-top:-5px}.card-5{animation-delay:3.2s;grid-column:1/-1;justify-self:center;margin-left:20px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.875rem}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(5px,5px)}}.services{padding:var(--section-padding) 0;background:var(--bg-secondary);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;text-align:left;transition:var(--transition)}.service-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.service-icon{width:56px;height:56px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.service-icon svg{width:28px;height:28px;color:#fff}.service-card h3{margin-bottom:12px}.service-card>p{color:var(--text-secondary);margin-bottom:24px}.service-features{list-style:none;margin-bottom:24px}.service-features li{padding:8px 0;color:var(--text-secondary);font-size:.9375rem;border-bottom:1px solid var(--border-color)}.service-features li:last-child{border-bottom:none}.service-link{color:var(--accent-2);font-weight:500;transition:var(--transition)}.service-link:hover{color:var(--accent-1)}.portfolio{padding:var(--section-padding) 0;text-align:center}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.portfolio-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition)}.portfolio-item:hover{border-color:var(--border-hover);transform:translateY(-4px)}.portfolio-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);color:var(--text-muted);font-size:.875rem}.portfolio-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.8));text-align:left}.portfolio-info h4{margin-bottom:4px}.portfolio-info span{font-size:.875rem;color:var(--text-secondary)}.portfolio-note{padding:20px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-block}.tarifs{padding:var(--section-padding) 0;background:var(--bg-secondary);text-align:center}.tarifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.tarif-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 32px;text-align:left;transition:var(--transition)}.tarif-card:hover{border-color:var(--border-hover)}.tarif-card.featured{border-color:var(--accent-1);background:linear-gradient(180deg,rgba(139,92,246,.1) 0,var(--bg-card) 100%)}.tarif-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--accent-gradient);border-radius:100px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.tarif-header{margin-bottom:24px}.tarif-header h3{margin-bottom:8px}.tarif-header p{font-size:.875rem;color:var(--text-secondary)}.tarif-price{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.tarif-price .price-prefix{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:4px}.tarif-price .price{font-family:var(--font-heading);font-size:2.5rem;font-weight:700}.tarif-price .price-note{display:block;font-size:.875rem;color:var(--text-muted);margin-top:4px}.tarif-features{list-style:none;margin-bottom:32px}.tarif-features li{padding:10px 0;font-size:.9375rem;color:var(--text-secondary)}.tarifs-extras{max-width:700px;margin:0 auto;text-align:left}.tarifs-extras h4{margin-bottom:20px;text-align:center}.extras-grid{display:grid;gap:12px}.extra-item{display:flex;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.extra-name{color:var(--text-secondary)}.extra-price{font-weight:500}.about{padding:var(--section-padding) 0}.about .container{display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:center}.about-content p{color:var(--text-secondary);margin-bottom:20px}.about-values{display:flex;gap:32px;margin-top:40px}.value{display:flex;align-items:center;gap:10px}.value-icon{font-size:1.5rem}.about-image{display:flex;justify-content:center}.image-placeholder{width:300px;height:380px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.contact{padding:var(--section-padding) 0;background:var(--bg-secondary);text-align:center}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;text-align:left}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent-1)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{grid-column:span 2;margin-top:10px}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.info-card h4{margin-bottom:12px}.info-card p{color:var(--text-secondary);line-height:1.8}.info-card a{color:var(--accent-2);transition:var(--transition)}.info-card a:hover{color:var(--accent-1)}.footer{padding:60px 0 30px;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid var(--border-color)}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-brand .logo-icon,.footer-brand .logo-text{display:inline}.footer-brand p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--text-secondary);font-size:.9375rem;transition:var(--transition)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;padding-top:30px;font-size:.875rem;color:var(--text-muted)}.footer-bottom a{color:var(--text-muted);transition:var(--transition)}.footer-bottom a:hover{color:var(--text-secondary)}.why-kliqfy{padding:100px 0;background:var(--bg-card)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.why-card{text-align:center;padding:40px 30px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:16px;transition:all .3s ease}.why-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 15px 40px rgba(168,85,247,.25)}.why-card:hover .why-icon-svg{box-shadow:0 0 20px rgba(168,85,247,.6),0 0 40px rgba(168,85,247,.4),0 0 80px rgba(6,182,212,.3),0 0 120px rgba(6,182,212,.2);transform:scale(1.05)}.why-icon-svg{width:90px;height:90px;margin:0 auto 25px;padding:3px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s ease;box-shadow:0 0 15px rgba(168,85,247,.3),0 0 30px rgba(6,182,212,.2)}.why-icon-svg::before{content:'';position:absolute;inset:3px;background:var(--bg-dark);border-radius:50%;z-index:1}.why-icon-svg svg{width:42px;height:42px;color:var(--text-primary);position:relative;z-index:2;stroke:url(#icon-gradient);stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(168, 85, 247, .3))}.why-card h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.why-card p{color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){:root{--section-padding:80px}.hero .container{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto 40px}.hero-cta{justify-content:center}.hero-visual{display:none}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.tarifs-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 60px}.about .container{grid-template-columns:1fr;text-align:center}.about-values{justify-content:center}.about-image{order:-1}.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-dark);flex-direction:column;padding:20px;border-top:1px solid var(--border-color);gap:10px}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:12px 0;border-bottom:1px solid var(--border-color)}.mobile-toggle{display:flex}.mobile-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-cta{flex-direction:column;align-items:center}.portfolio-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.contact-form .btn{grid-column:span 1}.footer-content{flex-direction:column;gap:30px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}.notification-toast{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:500px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);transform:translateX(600px);transition:transform .3s ease}.notification-toast.show{transform:translateX(0)}.notification-toast.notification-success{border-left:4px solid #10b981}.notification-toast.notification-error{border-left:4px solid #ef4444}.notification-content strong{display:block;margin-bottom:8px;font-size:1.1rem;color:var(--text-primary)}.notification-content p{margin:0;color:var(--text-secondary);font-size:.95rem}@media (max-width:640px){.notification-toast{right:10px;left:10px;min-width:auto}}