*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f8f7;color:#282828;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #dce2e3}.logo{font-size:26px;letter-spacing:3px;font-weight:800}.logo span{color:#e58a00}nav{display:flex;align-items:center;gap:28px;font-size:13px}.btn{background:#dd9933;color:white;padding:17px 23px;display:inline-flex;align-items:center;gap:30px;border:0;cursor:pointer;font-size:14px}.btn:hover{background:#b77a22}.outline{background:transparent;border:1px solid #7d8b93;color:inherit}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:2px;background:#dd9933}.hero{background:#222222;color:#fff;min-height:650px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}.hero-copy{padding:86px 0 70px 10%;z-index:2}.hero h1{font-size:clamp(48px,5vw,76px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin:30px 0}.hero h1 em{font-style:normal;color:#efa83d}.hero p{color:#bac6ce;max-width:490px;font-size:16px;line-height:1.8}.actions{display:flex;gap:14px;margin-top:32px}.visual{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#4b4b4b 0%,#222222 66%)}.visual svg{width:115%;max-width:740px;filter:drop-shadow(0 30px 35px #0008)}.visual-label{position:absolute;right:10%;bottom:50px;font-size:10px;letter-spacing:2px;color:#b4c8d1}.rail{display:flex;justify-content:space-between;padding:26px 5%;background:white;border-bottom:1px solid #dce2e3;font-size:12px}.rail strong{font-size:20px;margin-right:12px;font-weight:500}.section{padding:100px 6%;max-width:1550px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:48px}h2{font-size:clamp(33px,3.5vw,49px);font-weight:500;line-height:1.14;letter-spacing:-1.6px;margin:20px 0 0}.intro{max-width:440px;line-height:1.8;color:#687580;font-size:14px}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.expert{padding:30px;background:#fff;border:1px solid #e0e5e5;position:relative}.number{font-size:11px;color:#a3acb1;letter-spacing:1px}.expert h3{font-size:24px;line-height:1.2;font-weight:500;margin:32px 0 18px}.expert p{color:#687580;line-height:1.75;font-size:14px}.expert ul{padding-left:18px;font-size:13px;line-height:1.9;color:#64717c}.expert details{border-top:1px solid #e2e5e5;padding-top:18px;margin-top:25px}summary{cursor:pointer;list-style:none;font-size:13px}summary:after{content:'+';float:right;color:#dd9933}details[open]>summary:after{content:'−'}.product{background:#ededed;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px;margin-top:65px}.product h2{font-size:38px}.product p{line-height:1.8;color:#5d6d77;font-size:14px}.pill{display:inline-block;border:1px solid #bfcac7;padding:10px 13px;margin:5px 3px 5px 0;font-size:11px}.dark{background:#282828;color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.step{border-top:1px solid #49606d;padding-top:20px}.step b{color:#efa83d;font-size:12px}.step h3{font-size:21px;font-weight:500}.step p,.step li{font-size:13px;color:#b5c3ca;line-height:1.8}.step ul{padding-left:16px}.project{display:grid;grid-template-columns:90px 1fr 180px;gap:20px;border-top:1px solid #d5dddf;padding:28px 0;align-items:start}.project h3{font-size:23px;font-weight:500;margin:0 0 12px}.project p{font-size:14px;line-height:1.8;color:#687580;max-width:780px}.tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#976019}.habile{background:#eeeeee;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px}.habile p{color:#5e717b;line-height:1.8}.screen{background:#282828;border-radius:8px;padding:20px;color:white;transform:rotate(-3deg);box-shadow:15px 20px 0 #cccccc}.screen-head{display:flex;justify-content:space-between;border-bottom:1px solid #50636c;padding-bottom:20px}.bars{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.bars div{background:#444444;padding:18px;font-size:11px}.bar{display:block;height:5px;background:#dd9933;margin-top:20px;width:75%}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}label{display:block;font-size:12px;margin:16px 0 8px}input,select,textarea{padding:14px;border:1px solid #c9d2d5;background:white;width:100%;border-radius:0}textarea{min-height:110px}.contact-link{font-size:24px;display:block;margin-top:22px}.contact p{line-height:1.8;color:#617380}footer{padding:40px 6%;background:#202020;color:#b7c7cd;display:flex;justify-content:space-between;font-size:12px;gap:20px}.partners{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin-top:40px}.partners img{width:115px;height:52px;object-fit:contain;filter:grayscale(1);opacity:.7}.archive{font-size:14px;line-height:1.9;max-width:950px;margin:auto;padding:60px 25px}.archive details{border-bottom:1px solid #ddd;padding:20px 0}.archive img{max-width:100%;height:auto}.menu{display:none;background:none;border:0;font-size:26px;color:#282828}@media(max-width:950px){nav{gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7% 20px}.hero h1{font-size:60px}.visual{height:380px}.visual svg{max-width:600px}.expert-grid{grid-template-columns:1fr 1fr}.product,.habile{padding:35px;gap:35px}.section-head{gap:30px}.contact{gap:35px}.rail{flex-wrap:wrap;gap:20px}.steps{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:72px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:white;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy{padding-top:45px}.hero .eyebrow{font-size:9px}.actions{flex-wrap:wrap}.visual{height:300px}.visual-label{bottom:10px}.section{padding:65px 6%}.section-head{display:block}.intro{margin-top:25px}.expert-grid,.product,.habile,.contact{grid-template-columns:1fr}.product{padding:28px;margin-top:30px}.steps{gap:25px}.project{grid-template-columns:32px 1fr}.project .tag{grid-column:2}.habile{padding:28px}.screen{margin:20px 0}.contact-link{font-size:22px}footer{flex-direction:column}.rail strong{font-size:17px}.rail{font-size:10px}.hero p{font-size:14px}}.logo img{width:250px;max-width:55vw;height:auto;display:block}.archive h1{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-1px}.archive section{padding:35px 0;border-bottom:1px solid #ddd}.archive figure{margin:35px 0}.archive figcaption{font-size:11px;color:#777}.archive p{color:#555}.archive h3{font-size:23px;margin-top:32px}#projets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}#projets .section-head{grid-column:1/-1;margin-bottom:15px}.project{display:flex;flex-wrap:wrap;gap:14px;align-content:start;border:1px solid #d5dddf;padding:0 0 25px;background:#fff}.project-image{width:100%;height:225px;object-fit:cover;filter:saturate(.55)}.project .number{padding:10px 24px 0}.project>div{padding:0 24px;width:100%}.project .tag{padding:0 24px}.project h3{font-size:24px}.hero h1{font-size:clamp(45px,4.5vw,68px)}@media(max-width:650px){#projets{grid-template-columns:1fr}.project-image{height:190px}.hero h1{font-size:45px}}