*{margin:0;padding:0;box-sizing:border-box}:root{--fond-hero:#001529;--cyan-lumineux:#00D9FF;--bleu-marine:#0D4F6E;--blanc:#FFFFFF;--gris-clair:#F5F5F5;--gris-texte:#8C8C8C}body{font-family:'Inter',sans-serif;background:var(--fond-hero);color:var(--blanc);overflow-x:hidden}.header{position:fixed;top:0;width:100%;z-index:1000;padding:.25rem 4rem;display:flex;justify-content:space-between;align-items:center;background:transparent;transition:all .3s ease}.header.scrolled{background:rgba(0,21,41,.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,217,255,.1);padding:.25rem 4rem}.header.scrolled .logo img{width:120px}.logo{display:flex;align-items:center;gap:.75rem}.logo img{width:240px;height:auto;filter:brightness(0) invert(1);transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.nav{display:flex;align-items:center;gap:3rem}.nav a{color:var(--blanc);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--cyan-lumineux);transition:width .3s ease}.nav a:hover::after{width:100%}.nav a.active{color:var(--cyan-lumineux)}.cta-outline{padding:.7rem 1.8rem;border:2px solid var(--cyan-lumineux);border-radius:25px;color:var(--cyan-lumineux);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 0 20px rgba(0,217,255,.4)}.cta-outline::after{display:none}.cta-outline:hover{background:var(--cyan-lumineux);color:var(--fond-hero);box-shadow:0 0 30px rgba(0,217,255,.8);transform:translateY(-2px)}.menu-trigger{width:30px;height:24px;cursor:pointer;position:relative;display:none;flex-direction:column;justify-content:space-between;transition:all .3s ease}.menu-trigger span{width:100%;height:3px;background:var(--cyan-lumineux);border-radius:3px;transition:all .3s ease;box-shadow:0 0 10px rgba(0,217,255,.5)}.menu-trigger:hover span{box-shadow:0 0 15px rgba(0,217,255,.8)}.menu-trigger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-trigger.active span:nth-child(2){opacity:0}.menu-trigger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.side-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:rgba(0,21,41,.98);backdrop-filter:blur(40px);border-left:1px solid rgba(0,217,255,.3);z-index:2000;padding:4rem 2rem;transition:right .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:-20px 0 60px rgba(0,217,255,.2)}.side-panel.active{right:0}.side-panel-close{position:absolute;top:2rem;right:2rem;width:30px;height:30px;cursor:pointer;opacity:.6;transition:opacity .3s ease}.side-panel-close:hover{opacity:1}.side-panel-close::before,.side-panel-close::after{content:'';position:absolute;width:100%;height:2px;background:var(--cyan-lumineux);top:50%;left:0}.side-panel-close::before{transform:rotate(45deg)}.side-panel-close::after{transform:rotate(-45deg)}.side-panel nav ul{list-style:none;display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.side-panel nav a{color:var(--gris-clair);text-decoration:none;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative}.side-panel nav a::before{content:'';width:0;height:2px;background:var(--cyan-lumineux);transition:width .3s ease}.side-panel nav a:hover{color:var(--cyan-lumineux);text-shadow:0 0 10px rgba(0,217,255,.5);transform:translateX(-15px)}.side-panel nav a:hover::before{width:40px}.side-panel nav a.active{color:var(--cyan-lumineux);text-shadow:0 0 10px rgba(0,217,255,.5);transform:translateX(-15px)}.cta-panel{margin-top:4rem;padding:1.2rem 2rem;background:var(--cyan-lumineux);color:var(--fond-hero);font-weight:600;text-align:center;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px rgba(0,217,255,.4);text-decoration:none;display:block}.cta-panel:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,217,255,.6)}#canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.content-wrapper{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10rem 2rem 4rem;padding-top:calc(200px + 2rem)}.hero h1{font-size:clamp(40px,6vw,72px);font-weight:900;color:var(--blanc);margin-bottom:2rem;line-height:1.2;text-transform:uppercase;letter-spacing:2px}.hero h1 .highlight{background:linear-gradient(90deg,var(--cyan-lumineux),var(--blanc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(0,217,255,.8)}.hero p{font-size:clamp(16px,1.5vw,20px);color:rgba(255,255,255,.8);max-width:700px;line-height:1.8;margin-bottom:3rem}.presentation{padding:0 2rem 8rem;position:relative;z-index:1}.presentation-card{max-width:1200px;margin:0 auto;border:2px solid var(--cyan-lumineux);border-radius:24px;padding:4rem;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;position:relative;background:rgba(0,21,41,.3);backdrop-filter:blur(10px)}.presentation-content{display:flex;flex-direction:column;gap:2rem}.presentation-title{font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--blanc);line-height:1.4;margin:0}.presentation-title .highlight-cyan{color:var(--cyan-lumineux)}.presentation-description{font-size:clamp(15px,1.2vw,17px);color:rgba(255,255,255,.7);line-height:1.8;margin:0}.presentation-tags{display:flex;flex-wrap:wrap;gap:1rem}.presentation-tags .tag{padding:.6rem 1.5rem;border:1.5px solid var(--cyan-lumineux);border-radius:25px;color:var(--cyan-lumineux);font-size:14px;font-weight:600;transition:all .3s ease}.presentation-tags .tag:hover{background:var(--cyan-lumineux);color:var(--fond-hero);transform:translateY(-2px)}.presentation-stat{text-align:center;border-left:1px solid rgba(0,217,255,.3);padding-left:4rem;min-width:280px}.stat-number{font-size:clamp(100px,12vw,140px);font-weight:900;color:transparent;-webkit-text-stroke:3px var(--cyan-lumineux);text-stroke:3px var(--cyan-lumineux);line-height:1;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,217,255,.6)) drop-shadow(0 0 40px rgba(0,217,255,.4));animation:numberGlow 2s ease-in-out infinite}@keyframes numberGlow{0%,100%{filter:drop-shadow(0 0 20px rgba(0,217,255,.6)) drop-shadow(0 0 40px rgba(0,217,255,.4))}50%{filter:drop-shadow(0 0 30px rgba(0,217,255,.9)) drop-shadow(0 0 60px rgba(0,217,255,.7))}}.stat-label{font-size:clamp(20px,2vw,24px);font-weight:700;color:var(--blanc);margin-bottom:.5rem}.stat-subtitle{font-size:clamp(13px,1.1vw,15px);color:rgba(255,255,255,.7);line-height:1.5}@media (max-width:968px){.presentation-card{grid-template-columns:1fr;gap:3rem;padding:3rem 2rem}.presentation-stat{border-left:none;border-top:1px solid rgba(0,217,255,.3);padding-left:0;padding-top:3rem}.stat-number{font-size:100px}}.services{min-height:100vh;background:var(--fond-hero);padding:8rem 2rem}.services h2{text-align:center;font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--blanc);margin-bottom:6rem}.services-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service-sphere{position:relative;width:100%;border-radius:32px;background:linear-gradient(135deg,rgba(0,217,255,.05),rgba(13,79,110,.05));border:1px solid rgba(0,217,255,.15);padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;cursor:pointer;transition:all .4s ease;overflow:hidden;min-height:400px}.service-sphere:hover{transform:translateY(-4px);border-color:var(--cyan-lumineux);background:linear-gradient(135deg,rgba(0,217,255,.15),rgba(13,79,110,.15));box-shadow:0 20px 60px rgba(0,217,255,.2)}.service-sphere::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(0,217,255,.15),transparent 70%);border-radius:50%;filter:blur(40px);transition:all .4s ease}.service-sphere:hover::before{width:250px;height:250px;background:radial-gradient(circle,rgba(0,217,255,.25),transparent 70%)}.service-icon{width:140px;height:140px;margin-bottom:auto;padding-bottom:1rem;position:relative;z-index:10;transition:all .4s ease;object-fit:contain;opacity:.9}.service-sphere:hover .service-icon{opacity:1;transform:scale(1.05)}.service-sphere a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.service-sphere h3{color:var(--blanc);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;position:relative;z-index:10;transition:all .4s ease}.service-sphere:hover h3{color:var(--cyan-lumineux)}.service-sphere p{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6;position:relative;z-index:10;font-weight:400}.approche{background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(13,79,110,.08),transparent 50%),linear-gradient(135deg,#e8f4f8 0%,#f0f8fc 100%);padding:8rem 2rem;position:relative;overflow:hidden}.approche::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,217,255,.12),transparent 60%);border-radius:50%;filter:blur(80px);pointer-events:none}.approche::after{content:'';position:absolute;bottom:-30%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(13,79,110,.1),transparent 60%);border-radius:50%;filter:blur(100px);pointer-events:none}.differenciateurs-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-title{text-align:center;font-size:3rem;font-weight:900;color:var(--fond-hero);margin-bottom:4rem}.differenciateurs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.diff-card{padding:3rem;border-radius:24px;transition:transform .4s ease,box-shadow .4s ease,opacity .6s ease;position:relative;overflow:hidden;opacity:0;animation:fadeInUp .8s ease forwards}.diff-card:nth-child(1){animation-delay:.1s}.diff-card:nth-child(2){animation-delay:.3s}.diff-card:nth-child(3){animation-delay:.5s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.diff-card{animation:none;opacity:1;transform:none}}.diff-card:hover{transform:translateY(-8px)}.diff-card-light{background:rgba(255,255,255,.9);border:1px solid rgba(0,217,255,.2);box-shadow:0 10px 40px rgba(0,21,41,.1)}.diff-card-light:hover{box-shadow:0 20px 60px rgba(0,217,255,.2);border-color:rgba(0,217,255,.4)}.diff-card-light h3{font-size:1.8rem;font-weight:700;color:var(--fond-hero);margin-bottom:1rem}.diff-card-light p{color:rgba(0,21,41,.8);font-size:1.05rem;line-height:1.7}.diff-card-dark{background:linear-gradient(135deg,var(--fond-hero),rgba(13,79,110,.95));border:1px solid rgba(0,217,255,.4);box-shadow:0 30px 80px rgba(0,21,41,.3)}.diff-card-dark::before{content:'';position:absolute;top:-30%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,217,255,.25),transparent 60%);border-radius:50%;filter:blur(60px)}.diff-card-dark:hover{box-shadow:0 35px 90px rgba(0,217,255,.3);border-color:rgba(0,217,255,.6)}.diff-card-dark h3{font-size:1.8rem;font-weight:700;color:var(--cyan-lumineux);margin-bottom:1rem;position:relative;z-index:1;text-shadow:0 0 20px rgba(0,217,255,.4)}.diff-card-dark p{color:rgba(255,255,255,.95);font-size:1.05rem;line-height:1.7;position:relative;z-index:1}.contact-ctas{padding:0 2rem;max-width:1400px;margin:0 auto}.cta-hub-container .contact-content{text-align:center;margin-bottom:3rem}.cta-hub-container .contact-content h2{font-size:clamp(32px,4vw,48px);font-weight:700;color:#ffffff;margin-bottom:1.5rem}.cta-hub-container .contact-content p{color:#94a3b8;font-size:1.1rem;line-height:1.7;max-width:600px;margin:0 auto}.cta-hub-container{background:rgba(255,255,255,.015);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:30px;border:1px solid rgba(0,242,255,.2);box-shadow:0 24px 80px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.05),0 0 80px rgba(0,242,255,.15),0 0 120px rgba(0,242,255,.08);padding:4rem 3.5rem;transition:all .4s ease;position:relative;max-width:1200px;margin:0 auto}.cta-hub-container:hover{border-color:rgba(0,242,255,.35);box-shadow:0 32px 100px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1),0 0 100px rgba(0,242,255,.25),0 0 150px rgba(0,242,255,.15)}.cta-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch;position:relative}.cta-columns::before{content:'';position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:rgba(255,255,255,.1);transform:translateX(-50%)}.cta-phone-column{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:white;transition:all .3s ease;padding:2rem;border-radius:20px}.cta-phone-column:hover{background:rgba(0,217,255,.05)}.cta-callback-column{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border-radius:20px}.cta-title-with-icon{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;justify-content:center}.cta-hub-container .cta-icon{width:32px;height:32px;stroke:#00f2ff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(0,242,255,.6));transition:all .3s ease;flex-shrink:0}.cta-phone-column:hover .cta-icon,.cta-callback-column:hover .cta-icon{filter:drop-shadow(0 0 12px rgba(0,242,255,.9));transform:scale(1.1)}.cta-title-with-icon h3{font-size:1.4rem;font-weight:600;color:#ffffff;margin:0}.phone-display{font-size:4.5rem;font-weight:900;color:#ffffff;letter-spacing:2px;margin-bottom:0}.cta-card-desc{color:#94a3b8;font-size:1rem;margin-bottom:2rem;line-height:1.5}.callback-trigger{width:100%;max-width:320px;padding:1.3rem 2.8rem;background:linear-gradient(90deg,#3b82f6,#00f2ff);color:#ffffff;border:none;border-radius:50px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 12px 45px rgba(0,242,255,.6),0 0 60px rgba(0,242,255,.4),0 0 90px rgba(0,242,255,.2),inset 0 1px 0 rgba(255,255,255,.25);position:relative}.callback-trigger:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 70px rgba(0,242,255,.8),0 0 80px rgba(0,242,255,.6),0 0 120px rgba(0,242,255,.3),inset 0 1px 0 rgba(255,255,255,.35)}.callback-form-card{background:rgba(0,21,41,.3);backdrop-filter:blur(10px);padding:2.5rem;border-radius:24px;border:2px solid var(--cyan-lumineux);box-shadow:0 20px 60px rgba(0,217,255,.3);margin-top:2rem;max-width:600px;margin-left:auto;margin-right:auto}.callback-form-card h3{font-size:1.5rem;color:var(--blanc);margin-bottom:1.5rem;text-align:center}.callback-form-card .form-group{margin-bottom:1.5rem}.callback-form-card .form-group label{display:block;font-weight:600;color:var(--blanc);margin-bottom:.5rem;font-size:.95rem;text-align:left}.callback-form-card .form-group input{width:100%;padding:1rem 1.25rem;border:2px solid #E5E5E5;border-radius:12px;font-family:'Inter',sans-serif;font-size:1rem;transition:all .3s ease;background:white;color:var(--fond-hero)}.callback-form-card .form-group input:focus{outline:none;border-color:var(--cyan-lumineux);box-shadow:0 0 0 4px rgba(0,217,255,.1)}.callback-form-card .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.callback-form-card .btn-cancel{flex:1;padding:1rem;background:#E5E5E5;color:#666666;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.callback-form-card .btn-cancel:hover{background:#D0D0D0}.callback-form-card .btn-submit{flex:1;padding:1rem;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));color:white;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.callback-form-card .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.3)}.footer{background:var(--fond-hero);padding:2rem;text-align:center;color:rgba(255,255,255,.6);border-top:1px solid rgba(0,217,255,.2)}.footer p{margin:.5rem 0}.footer-links{margin-top:1rem}.footer-links a{color:var(--cyan-lumineux);text-decoration:none;transition:all .3s ease;margin:0 .5rem}.footer-links a:hover{color:var(--blanc);text-decoration:underline}.service-hero{min-height:70vh;display:flex;align-items:center;padding:10rem 2rem 4rem;padding-top:calc(200px + 2rem);background:linear-gradient(135deg,var(--fond-hero),var(--bleu-marine));position:relative;overflow:hidden}.service-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,217,255,.15),transparent 60%);pointer-events:none}.service-hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.service-hero-text h1{font-size:4rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--blanc),var(--cyan-lumineux));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-hero-text p{font-size:1.4rem;color:rgba(255,255,255,.9);line-height:1.8;margin-bottom:2.5rem}.service-hero-image{position:relative;display:flex;justify-content:center;align-items:center}.service-hero-image img{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 20px 60px rgba(0,217,255,.3));animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-cta-group{display:flex;gap:1.5rem;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-primary{background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));color:var(--blanc)}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,217,255,.4)}.cta-secondary{background:transparent;color:var(--blanc);border:2px solid rgba(255,255,255,.3)}.cta-secondary:hover{background:rgba(255,255,255,.1);border-color:var(--cyan-lumineux)}@media (max-width:1200px){.service-hero-content{grid-template-columns:1fr}.service-hero-image{order:-1}.service-hero-image img{max-width:300px}}@media (max-width:768px){.service-hero-text h1{font-size:2.5rem}}.capabilities{padding:8rem 2rem;background:#F5F5F5;position:relative;overflow:hidden}.capabilities-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:900;color:#001529;text-transform:uppercase}.section-header p{font-size:1.1rem;color:#666666;max-width:700px;margin:0 auto;font-weight:400}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 2.5rem;position:relative}.capability-card{background:#FFFFFF;border:2px solid #00D9FF;border-radius:12px;padding:2rem 2.5rem;position:relative;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,217,255,.08);display:flex;align-items:flex-start;gap:1.5rem;min-height:200px}.capability-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,217,255,.15);border-color:#00D9FF}.capability-icon{width:70px;height:70px;min-width:70px;color:var(--cyan-lumineux);display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0}.benefit-icon-svg{width:70px;height:70px;min-width:70px;flex-shrink:0;filter:invert(65%) sepia(85%) saturate(1450%) hue-rotate(135deg) brightness(102%) contrast(102%)}.benefit-text{flex:1}.benefit-text h3{font-size:1.1rem;font-weight:700;color:#001529;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.3px}.benefit-text p{color:#666666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.tech-tag{padding:.5rem 1rem;background:rgba(0,217,255,.1);color:var(--bleu-marine);border-radius:20px;font-size:.85rem;font-weight:600}.capability-card::after{content:'';position:absolute;right:-1.25rem;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#00D9FF;border-radius:50%;border:2px solid #FFFFFF;opacity:.9;transition:all .3s ease;z-index:2}.capability-card:nth-child(2n)::after{display:none}.capability-card::before{content:'';position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#00D9FF;border-radius:50%;border:2px solid #FFFFFF;opacity:.9;transition:all .3s ease;z-index:2}.capability-card:nth-child(3)::before,.capability-card:nth-child(4)::before{display:none}.capability-card:hover::after,.capability-card:hover::before{opacity:1;box-shadow:0 0 10px #00D9FF}@media (max-width:968px){.capabilities-grid{grid-template-columns:1fr}.capability-card::after{display:none}.capability-card:not(:last-child)::before{display:block}}.projects{padding:8rem 2rem;background:var(--fond-hero);position:relative}.projects .section-header h2{color:var(--blanc);background:linear-gradient(135deg,var(--blanc),var(--cyan-lumineux));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects .section-header p{color:rgba(255,255,255,.8)}.projects-container{max-width:1400px;margin:0 auto;position:relative}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;position:relative}.project-card{background:var(--bleu-marine);border-radius:20px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.4);transition:all .3s ease;opacity:1;transform:scale(1);position:relative;overflow:visible}.project-card:nth-child(1){border-top:10px solid var(--cyan-lumineux);border-left:10px solid var(--cyan-lumineux)}.project-card:nth-child(1)::before{content:'';position:absolute;top:-30px;left:-30px;width:100px;height:100px;border-top:2px solid var(--cyan-lumineux);border-left:2px solid var(--cyan-lumineux);border-radius:50px 0 0 0;pointer-events:none}.project-card:nth-child(2){border-top:10px solid var(--cyan-lumineux);border-right:10px solid var(--cyan-lumineux)}.project-card:nth-child(2)::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-top:2px solid var(--cyan-lumineux);border-right:2px solid var(--cyan-lumineux);border-radius:0 50px 0 0;pointer-events:none}.project-card:nth-child(3){border-left:10px solid var(--cyan-lumineux);border-bottom:10px solid var(--cyan-lumineux)}.project-card:nth-child(3)::before{content:'';position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;border-bottom:2px solid var(--cyan-lumineux);border-left:2px solid var(--cyan-lumineux);border-radius:0 0 0 50px;pointer-events:none}.corner-dot{position:absolute;width:10px;height:10px;background:var(--cyan-lumineux);border-radius:50%;box-shadow:0 0 12px rgba(0,217,255,.8);pointer-events:none}.project-card:nth-child(1) .corner-dot-1{top:-36px;left:64px}.project-card:nth-child(1) .corner-dot-2{top:64px;left:-36px}.project-card:nth-child(2) .corner-dot-1{top:-36px;right:64px}.project-card:nth-child(2) .corner-dot-2{top:64px;right:-36px}.project-card:nth-child(3) .corner-dot-1{bottom:-36px;left:64px}.project-card:nth-child(3) .corner-dot-2{bottom:64px;left:-36px}.project-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,217,255,.3)}.project-content{padding:4rem 3rem 2.5rem 4rem;position:relative}.project-icon{position:absolute;top:2.5rem;right:2.5rem;width:4rem;height:4rem;font-size:4rem;opacity:1;color:var(--cyan-lumineux)}.project-icon[src$=".svg"]{filter:invert(65%) sepia(85%) saturate(1450%) hue-rotate(135deg) brightness(102%) contrast(102%)}.project-content h3{font-size:1.4rem;margin-top:.5rem;margin-bottom:1.5rem;font-weight:700;padding-right:4rem;line-height:1.3;color:var(--cyan-lumineux)}.project-content p{color:rgba(255,255,255,.8);line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.project-tags{display:flex;gap:.75rem;flex-wrap:wrap}.project-tag{padding:.6rem 1.5rem;border-radius:25px;font-size:.85rem;font-weight:600;background:transparent;transition:all .3s ease;border:1.5px solid var(--cyan-lumineux);color:var(--cyan-lumineux)}.project-tag:hover{background:var(--cyan-lumineux);color:var(--fond-hero);transform:translateY(-2px)}.process{padding:8rem 2rem;background:var(--blanc)}.process-container{max-width:1200px;margin:0 auto}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem}.process-step{text-align:center;position:relative;opacity:1;transform:translateX(0)}.process-step::after{content:'→';position:absolute;top:50px;right:-1.5rem;font-size:2rem;color:var(--cyan-lumineux)}.process-step:last-child::after{display:none}.step-number{width:100px;height:100px;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;font-weight:900;color:var(--blanc);box-shadow:0 10px 30px rgba(0,217,255,.3)}.process-step h3{font-size:1.2rem;color:var(--fond-hero);margin-bottom:.8rem}.process-step p{color:#666666;font-size:.95rem;line-height:1.6}@media (max-width:968px){.process-steps{grid-template-columns:1fr}.process-step::after{content:'↓';top:auto;bottom:-1.5rem;right:50%;transform:translateX(50%)}}.cta-section{padding:8rem 2rem;background:transparent;text-align:center;position:relative;overflow:visible}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,217,255,.1),transparent 70%);pointer-events:none}.cta-section-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.cta-section h2{font-size:3.5rem;color:var(--blanc);margin-bottom:1.5rem;font-weight:900}.cta-section p{font-size:1.4rem;color:rgba(255,255,255,.9);margin-bottom:3rem;line-height:1.8}@media (max-width:768px){.cta-section h2{font-size:2.2rem}}.tech-stack{background:var(--fond-hero);padding:8rem 2rem;overflow:visible;position:relative}.tech-stack .section-header h2{color:var(--blanc);background:linear-gradient(135deg,var(--blanc),var(--cyan-lumineux));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-stack .section-header p{color:rgba(255,255,255,.8)}.tech-stack-container{max-width:1400px;margin:0 auto;position:relative}.honeycomb-container{max-width:1200px;margin:100px auto 20px auto;position:relative;overflow:visible}.hex-layer-6{display:grid;grid-template-columns:repeat(6,0fr);margin:-18px 0;justify-content:center;align-content:center;overflow:visible}.hex-layer-5{display:grid;justify-content:center;margin:-18px 0;align-content:center;grid-template-columns:repeat(5,0fr);overflow:visible}.hex-layer-4{display:grid;margin:-18px 0;justify-content:center;align-content:center;grid-template-columns:repeat(4,0fr);overflow:visible}.hex-layer-3{display:grid;margin:-18px 0;justify-content:center;align-content:center;grid-template-columns:repeat(3,0fr);overflow:visible}.hex-layer-2{display:grid;margin:-18px 0;justify-content:center;align-content:center;grid-template-columns:repeat(2,0fr);overflow:visible}.honeycomb-hex{position:relative;height:120px;width:120px;display:flex;align-items:center;justify-content:center;padding:10px;background:#00D9FF;-webkit-clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);overflow:visible;z-index:1;filter:drop-shadow(0 0 15px rgba(0,217,255,1)) drop-shadow(0 0 25px rgba(0,217,255,.9)) drop-shadow(0 0 40px rgba(0,217,255,.8)) drop-shadow(0 0 60px rgba(0,217,255,.6));animation:pulse-glow 2.5s ease-in-out infinite}@media (max-width:968px){.hex-layer-6{grid-template-columns:repeat(4,0fr)}.hex-layer-5{grid-template-columns:repeat(4,0fr)}.hex-layer-4{grid-template-columns:repeat(3,0fr)}.honeycomb-hex{width:90px;height:90px;padding:8px}}@media (max-width:768px){.hex-layer-6{grid-template-columns:repeat(3,0fr);margin:-12px 0}.hex-layer-5{grid-template-columns:repeat(3,0fr);margin:-12px 0}.hex-layer-4{grid-template-columns:repeat(3,0fr);margin:-12px 0}.hex-layer-3{grid-template-columns:repeat(3,0fr);margin:-12px 0}.honeycomb-hex{width:70px;height:70px;padding:6px}.honeycomb-hex img,.honeycomb-hex svg{width:50%}}@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 15px rgba(0,217,255,1)) drop-shadow(0 0 25px rgba(0,217,255,.9)) drop-shadow(0 0 40px rgba(0,217,255,.8)) drop-shadow(0 0 60px rgba(0,217,255,.6))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,1)) drop-shadow(0 0 35px rgba(0,217,255,1)) drop-shadow(0 0 55px rgba(0,217,255,1)) drop-shadow(0 0 80px rgba(0,217,255,.8))}}.honeycomb-hex img,.honeycomb-hex svg{width:60%;height:auto;z-index:10;position:relative}.static-hero{min-height:40vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:10rem 2rem 4rem;padding-top:calc(200px + 2rem);background:linear-gradient(135deg,var(--fond-hero),var(--bleu-marine));position:relative;overflow:hidden}.static-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,217,255,.1),transparent 70%);pointer-events:none}.static-hero-content{max-width:800px;position:relative;z-index:1}.static-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--blanc),var(--cyan-lumineux));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.static-hero p{font-size:1.3rem;color:rgba(255,255,255,.85);line-height:1.8}body.static-page{background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(13,79,110,.08),transparent 40%),linear-gradient(135deg,#e8f4f8 0%,#f0f8fc 100%);background-attachment:fixed}.legal-content{background:transparent;padding:6rem 2rem}.legal-container{max-width:900px;margin:0 auto}.legal-section{background:white;padding:2.5rem;margin-bottom:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.legal-section h2{color:var(--fond-hero);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--cyan-lumineux)}.legal-section p{color:rgba(0,21,41,.8);line-height:1.8;margin-bottom:1rem}.legal-section a{color:var(--cyan-lumineux);text-decoration:none;font-weight:600;transition:all .3s ease}.legal-section a:hover{color:var(--bleu-marine);text-decoration:underline}.legal-date{text-align:center;font-style:italic;color:rgba(0,21,41,.6);margin-top:2rem}@media (max-width:1024px){.services-grid{grid-template-columns:1fr;gap:3rem}.approche-container{grid-template-columns:1fr}.approche-grid{grid-template-columns:1fr}.differenciateurs-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.header{padding:1rem 2rem}.nav{display:none}.menu-trigger{display:flex}.side-panel{width:100%;right:-100%}.hero h1{font-size:36px}.cta-hub-container{padding:2.5rem 1.5rem}.cta-hub-container .contact-content h2{font-size:28px}.cta-hub-container .contact-content p{font-size:1rem}.cta-hub-container .contact-content{margin-bottom:2.5rem}.cta-columns{grid-template-columns:1fr;gap:2.5rem}.cta-columns::before{display:none}.phone-display{font-size:1.6rem}.callback-trigger{max-width:100%}.static-hero h1{font-size:2rem}.static-hero p{font-size:1.1rem}}.contact-container{max-width:1400px;margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.contact-info{position:sticky;top:2rem}.contact-card{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 60px rgba(0,21,41,.1),inset 0 1px 1px rgba(255,255,255,.5);margin-bottom:2rem;transition:all .4s ease}.contact-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,217,255,.15),inset 0 1px 1px rgba(255,255,255,.7)}.contact-card h2{font-size:2rem;color:var(--fond-hero);margin-bottom:1.5rem}.contact-method{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(0,217,255,.1);margin-bottom:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;color:inherit}.contact-method:hover{transform:translateX(8px);background:rgba(255,255,255,.7);border-color:var(--cyan-lumineux);box-shadow:0 10px 30px rgba(0,217,255,.15)}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(0,217,255,.25);transition:all .3s ease}.contact-method:hover .contact-icon{transform:scale(1.05);box-shadow:0 10px 25px rgba(0,217,255,.35)}.contact-icon svg{width:28px;height:28px;color:white}.contact-icon svg[fill="none"]{stroke:white;stroke-width:2.5;fill:none}.contact-icon svg[fill="currentColor"]{fill:white}.contact-method-info h3{font-size:1.1rem;color:var(--fond-hero);margin-bottom:.3rem}.contact-method-info span,.contact-method-info p{color:var(--gris-texte);text-decoration:none}.contact-method:hover .contact-method-info h3{color:var(--cyan-lumineux)}.cta-phone{display:flex;align-items:center;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));border-radius:24px;margin-bottom:2rem;text-decoration:none;color:white;box-shadow:0 20px 60px rgba(0,217,255,.3);transition:all .4s ease;position:relative;overflow:hidden}.cta-phone::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);border-radius:50%;filter:blur(40px)}.cta-phone:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,217,255,.4)}.cta-phone .cta-icon,.cta-callback .cta-icon{width:70px;height:70px;background:transparent;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.cta-phone .cta-icon svg,.cta-callback .cta-icon svg{width:36px;height:36px;stroke:white}.cta-content{flex:1;position:relative;z-index:1}.cta-content h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:white}.phone-number{font-size:1.8rem;font-weight:900;margin-bottom:.5rem;color:white;letter-spacing:1px}.cta-subtitle{font-size:.9rem;opacity:.9;color:white}.cta-callback{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 60px rgba(0,21,41,.1),inset 0 1px 1px rgba(255,255,255,.5);margin-bottom:2rem;transition:all .4s ease}.cta-callback:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,217,255,.15),inset 0 1px 1px rgba(255,255,255,.7)}.cta-callback .cta-icon{background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));margin-bottom:1.5rem}.cta-callback .cta-content h3{font-size:1.3rem;font-weight:700;color:var(--fond-hero);margin-bottom:.5rem}.cta-description{color:#666666;margin-bottom:1.5rem}.callback-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));color:white;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease}.callback-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.3)}.callback-form-container{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);padding:2.5rem;border-radius:24px;border:2px solid var(--cyan-lumineux);box-shadow:0 20px 60px rgba(0,217,255,.2);margin-bottom:2rem}.callback-form-container h3{font-size:1.5rem;color:var(--fond-hero);margin-bottom:1.5rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel{flex:1;padding:1rem;background:#E5E5E5;color:#666666;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#D0D0D0}.btn-submit{flex:1;padding:1rem;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));color:white;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.3)}.contact-form-section{background:var(--blanc);padding:3rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,21,41,.1)}.contact-form-section h2{font-size:2rem;color:var(--fond-hero);margin-bottom:1rem}.contact-form-section>p{color:#666666;margin-bottom:2.5rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--fond-hero);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 1.25rem;border:2px solid #E5E5E5;border-radius:12px;font-family:'Inter',sans-serif;font-size:1rem;transition:all .3s ease;background:var(--blanc)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--cyan-lumineux);box-shadow:0 0 0 4px rgba(0,217,255,.1)}.form-group textarea{min-height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,var(--cyan-lumineux),var(--bleu-marine));color:var(--blanc);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.3)}.submit-btn:active{transform:translateY(0)}#form-messages{margin-bottom:2rem;padding:1.25rem;border-radius:12px;display:none}#form-messages.success{display:block;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.05));border:2px solid #22c55e;color:#166534}#form-messages.error{display:block;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.05));border:2px solid #ef4444;color:#991b1b}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:968px){.contact-container{grid-template-columns:1fr}.contact-info{position:static}.form-row{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr}.process-step::after{content:'↓';top:auto;bottom:-1.5rem;right:50%;transform:translateX(50%)}.process-step:last-child::after{display:none}}@media (max-width:768px){.contact-form-section,.contact-card{padding:2rem}}