@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f7f2;--ink:#192b28;--muted:#64736b;--green:#326653;--lime:#d4f77d;--line:#dce2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #618954;outline-offset:5px}header{height:88px;margin:20px 4% 0;padding:0 25px 0 16px;background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand-logo{display:flex;border-radius:12px;overflow:hidden;background:#171b19}.brand-logo img{width:220px;height:52px;object-fit:cover;display:block}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover{color:var(--green)}.nav-contact{padding:14px 19px;border-radius:30px;background:var(--ink);color:#fff}.nav-contact:hover{color:var(--lime)}.nav-contact span{margin-left:20px}.menu{display:none}.hero{max-width:1500px;margin:auto;padding:80px 6% 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.6px;margin:0 0 28px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.4vw,82px);line-height:1.07;font-weight:500;letter-spacing:-4px;margin:0 0 30px}em{font-style:normal;color:var(--green)}.intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:30px;padding:18px 23px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--green)}.button span{font-size:20px}.text-link{font-size:12px;border-bottom:1px solid #a7b4a5;padding-bottom:6px}.text-link span{margin-left:8px}.hero-bottom{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:45px;color:var(--muted);font-size:11px}.hero-bottom span:first-child{font-size:8px;letter-spacing:1px}.hero-art{height:490px;border-radius:160px 160px 28px 28px;position:relative;background:#223b2b;box-shadow:0 24px 50px #203f2412;overflow:hidden}.network{position:absolute;width:100%;height:100%;inset:0}.art-top{position:absolute;top:55px;left:0;right:0;text-align:center;color:#c7dbb5;font-size:8px;letter-spacing:1px;z-index:1}.art-top>span:last-child{display:none}.art-top .dot{background:var(--lime);width:5px;height:5px;margin-right:5px}.art-label{position:absolute;background:#f7f9ed;color:#24392a;padding:11px 15px;font-size:10px;border-radius:25px;box-shadow:0 5px 20px #0002}.art-label span{margin-left:12px}.label-one{top:26%;right:5%}.label-two{left:5%;top:46%}.label-three{right:5%;bottom:21%}.art-caption{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;color:#e9f3df;font-size:12px;line-height:1.5}.round-arrow{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:24px}.expertise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 6%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.expertise-strip i{font-size:20px;font-style:normal;color:#56815d}.section{padding:95px 6%;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading .eyebrow{color:var(--muted);margin-bottom:22px}h2{font-size:clamp(32px,3.4vw,49px);font-weight:500;letter-spacing:-2px;line-height:1.18;margin:0}.section-heading>p{color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{border-radius:25px;background:#fff;border:1px solid #e3e8de;padding:35px 38px;position:relative;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service:hover{transform:translateY(-4px);box-shadow:0 15px 35px #243e2c0a}.service.primary{background:#e4eddd;border-color:#e4eddd}.service:nth-child(2){background:#eef0e8}.service-number{font-size:9px;letter-spacing:1.4px;font-weight:600;color:#60715c}.service-icon{width:43px;height:43px;fill:none;stroke:var(--green);stroke-width:1.5;margin:30px 0 20px}h3{font-size:28px;letter-spacing:-1px;line-height:1.25;font-weight:500;margin:0 0 15px}.service p{font-size:14px;line-height:1.8;color:#5b6c60;max-width:410px;margin:0 0 16px}.service ul{list-style:none;padding:0;margin:5px 0 25px;font-size:12px;line-height:2.2}.service li:before{content:'↗';margin-right:12px;color:var(--green)}.service a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd8c8;padding-top:18px;font-size:12px;margin-top:auto;font-weight:500}.service a span{display:grid;place-items:center;border-radius:50%;background:#fff9;width:30px;height:30px;font-size:19px}.hardware{background:var(--ink);color:#fff;overflow:hidden}.hardware .service-number{color:#b8cba9}.hardware h3{margin-top:32px;font-size:35px}.hardware p{color:#bbccbf}.hardware a{border-color:#526657;margin-top:22px}.hardware a span{background:var(--lime);color:var(--ink)}.hardware-art{width:180px;margin:30px 25px 0 auto;transform:rotate(-8deg)}.monitor{aspect-ratio:1.6;border:5px solid #99af83;border-bottom:9px solid #99af83;border-radius:8px;background:#29432f;display:grid;place-items:center}.monitor>span{font-family:Manrope;font-size:38px;letter-spacing:-4px;color:var(--lime)}.stand{height:18px;width:15px;background:#99af83;margin:auto}.base{height:5px;width:70px;background:#99af83;margin:auto;border-radius:50%}.approach{max-width:none;background:#e8eddf}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1320px;margin:55px auto 0}.approach .section-heading{max-width:1320px;margin:auto}.steps article{border-top:1px solid #bbc9b3;padding-top:25px}.steps article>span{width:45px;height:45px;border:1px solid #b3c3aa;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-bottom:30px}.steps h3{font-size:25px}.steps p{font-size:14px;line-height:1.85;color:var(--muted);max-width:320px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.about-mark{height:350px;background:#dce8d2;border-radius:25px 120px 25px 25px;position:relative;display:flex;align-items:center;justify-content:center;font:110px Manrope;letter-spacing:-9px;color:#294a39}.about-mark span{font-size:120px;color:#6f995c;margin-left:20px}.about-mark small{position:absolute;bottom:35px;left:30px;letter-spacing:1.5px;font-size:9px}.about h2{font-size:38px;margin-bottom:25px}.about p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.values{display:flex;gap:12px;margin-top:25px}.values span{border:1px solid #c4d2bb;border-radius:30px;font-size:11px;padding:9px 15px}.contact{max-width:none;background:var(--ink);color:#f4f7ef;padding:85px 6%;display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.contact .eyebrow{color:#d2e8bc}.contact .dot{background:var(--lime)}.contact h2{font-size:clamp(35px,3.9vw,55px);margin-bottom:28px}.contact em{color:var(--lime)}.contact-copy>p:not(.eyebrow){color:#b8c9bd;font-size:15px;line-height:1.8}.email,.phone{display:block;width:fit-content}.email{font-size:18px;margin-top:40px;border-bottom:1px solid #6c856b;padding-bottom:9px}.phone{font-size:15px;color:#bdcdbf;margin-top:20px}form{background:#f6f7f2;color:var(--ink);padding:35px;border-radius:25px}form h3{font-size:23px;margin-bottom:25px}label{display:block;font-size:11px;font-weight:600;margin:18px 0 9px}input,select,textarea{width:100%;background:#fff;border:1px solid #d5dfd0;border-radius:10px;padding:14px;color:var(--ink);font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #739b66;outline-offset:1px}textarea{resize:vertical;min-height:95px}form .button{width:100%;margin-top:20px}.form-note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}#form-status{font-size:12px;line-height:1.7;color:var(--green)}#form-status:empty{display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 6%;background:#171b19;color:#b5c1b0;font-size:11px}footer .brand-logo img{width:190px;height:44px}.skip{position:fixed;top:-100px;left:10px;background:var(--ink);color:#fff;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.contact{padding-left:calc((100% - 1320px)/2);padding-right:calc((100% - 1320px)/2)}}@media(max-width:1080px){nav{gap:20px}.hero{gap:25px;padding-top:60px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-art{height:450px}h1{font-size:58px}.about{gap:45px}.contact{gap:40px}.email{font-size:16px}}@media(max-width:800px){header{height:76px;margin:12px 4% 0;padding:10px 15px;border-radius:17px}.brand-logo img{width:180px;height:44px}.menu{display:block;background:transparent;border:1px solid #c4d1ba;padding:10px 13px;border-radius:25px;color:var(--ink);font-size:12px}.menu span{margin-left:10px}nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr;padding:48px 6% 40px;gap:35px}.hero-copy{max-width:600px}h1{font-size:clamp(43px,8vw,65px);letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:14px}.desktop{display:none}.hero-art{height:400px;max-width:550px;width:100%;justify-self:center;border-radius:130px 130px 25px 25px}.hero-bottom{margin-top:30px}.expertise-strip{flex-wrap:wrap;justify-content:center;gap:13px 22px;font-size:8px;padding:20px 6%}.section{padding:60px 6%}.section-heading{flex-direction:column;align-items:start;gap:23px}h2{font-size:34px;letter-spacing:-1.5px}.service-grid{grid-template-columns:1fr;gap:18px}.service{padding:30px}.service h3{font-size:27px}.hardware-art{margin-top:15px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps article{position:relative;padding-left:65px;min-height:150px}.steps article>span{position:absolute;top:24px;left:0;width:40px;height:40px}.steps p{max-width:none}.about{grid-template-columns:1fr;gap:35px}.about-mark{height:260px;font-size:95px}.about-mark span{font-size:100px}.about h2{font-size:32px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:39px}form{padding:25px}.email{font-size:17px}footer{flex-wrap:wrap;font-size:10px}footer .brand-logo{width:100%;background:none}.button{font-size:12px;padding:16px 19px}.text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Option 04 : photographie, courbes et proximité. */
:root{--paper:#fff;--ink:#36434a;--muted:#6d777c;--green:#607d24;--lime:#b9db59;--line:#e3e7e6}body{background:#fff}header{height:100px;border:0;border-radius:0;background:#fff;margin:0 6%;padding:0;box-shadow:none}.brand-logo{border-radius:8px}nav{font-size:13px}.nav-contact{background:#52616a}.nav-contact:hover{color:#fff;background:#617f2a}.hero-four{position:relative;margin:0 6%;padding:0 6% 65px;isolation:isolate;text-align:center}.hero-photo{height:460px;border-radius:55px 55px 12px 12px;background:linear-gradient(to bottom,transparent 25%,#ffffff05 40%,#ffffffa8 74%,#fff 100%),url('espace-travail.png') center 48%/cover;position:absolute;inset:0 0 auto;z-index:-2}.hero-four-copy{padding-top:315px;position:relative;z-index:1}.hero-four .eyebrow{justify-content:center;margin-bottom:18px;font-size:10px;letter-spacing:2px;color:#384a32}.hero-four h1{font-size:clamp(44px,4.7vw,72px);font-weight:800;line-height:1.12;letter-spacing:-3px;margin-bottom:22px;color:#35434b}.hero-four h1 em{color:#607d24}.hero-four-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#5d6b70;margin:0}.hero-actions{justify-content:center;margin-top:28px}.button{background:#52616a;border-radius:28px}.button:hover{background:#607d24}.hero-orbit{position:absolute;right:-6%;bottom:16px;width:155px;height:155px;border:33px solid #b9db59;border-radius:50%;z-index:-1;clip-path:inset(0 0 0 0);opacity:.8}.intro-four{max-width:1200px;margin:20px auto 0;padding:45px 6% 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px 65px;align-items:center}.intro-four>p{grid-column:1/-1;font-size:9px;letter-spacing:2px;font-weight:700;color:#607d24;margin:0}.intro-four h2{font-size:37px;font-weight:600;letter-spacing:-1.4px}.intro-four>div{font-size:15px;line-height:1.9;color:#6d777c}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin:0 6%;border-top:1px solid #e2e6e1;border-bottom:1px solid #e2e6e1;padding:25px 0;gap:22px;font-size:12px}.pillars span{display:flex;align-items:center;gap:14px}.pillars b{font-size:12px;color:#73962a;background:#f0f5e4;padding:12px;border-radius:50%}.services{background:#f7f9f5;max-width:none;margin-top:65px}.section-heading h2{font-weight:650;letter-spacing:-1.6px}.service-grid{gap:25px}.service{background:#fff!important;border:1px solid #e4e9e0;border-radius:22px;padding:33px}.service.primary{border-top:4px solid #a8cc43}.service-icon{stroke:#7c9b37}.service h3{font-size:27px;font-weight:650}.service p{color:#6d777c}.service a{border-color:#e2e8dc;color:#4c5a50}.service a span{background:#edf4dd;color:#627b2e}.service-number{color:#80925c}.hardware h3{color:var(--ink)}.hardware .service-number{color:#80925c}.hardware p{color:#6d777c}.hardware a{border-color:#e2e8dc}.hardware-art{margin-top:22px}.monitor{background:#36483b}.hardware a span{background:#b9db59}.approach{background:#52616a;color:#fff}.approach .eyebrow{color:#d5ec9d}.approach .section-heading>p{color:#e0e6e4}.steps article{border-color:#899596}.steps article>span{background:#b9db59;border:0;color:#36452b}.steps p{color:#e3e9e6}.about-mark{background:#edf4dd;color:#556a3b;border-radius:50% 50% 25px 25px}.about-mark span{color:#a0c53d}.about h2{font-size:36px;font-weight:650}.values span{background:#f0f5e7;border:0}.contact{background:#edf4de;color:#36434a}.contact .eyebrow{color:#607d24}.contact .dot{background:#789e30}.contact h2{font-weight:650}.contact em{color:#607d24}.contact-copy>p:not(.eyebrow),.phone{color:#647365}.email{border-color:#b8c99e}.contact form{background:#fff;border-radius:25px;box-shadow:0 12px 40px #516d2c0b}footer{background:#171b19}.section{padding-top:80px;padding-bottom:80px}
@media(max-width:800px){header{height:85px;margin:0 5%}.menu{color:#52616a}nav{top:78px}.hero-four{margin:0 4%;padding:0 4% 35px}.hero-photo{height:350px;border-radius:30px 30px 6px 6px;background-position:65% center}.hero-four-copy{padding-top:245px}.hero-four .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-four h1{font-size:39px;letter-spacing:-1.7px;line-height:1.15}.hero-four-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:23px;margin-top:24px}.hero-orbit{width:95px;height:95px;border-width:21px;right:-3%;bottom:45px;opacity:.45}.intro-four{grid-template-columns:1fr;gap:20px;padding:35px 7%}.intro-four h2{font-size:29px}.intro-four>div{font-size:14px}.pillars{grid-template-columns:1fr 1fr;margin:0 7%;gap:20px 12px;font-size:10px}.pillars b{padding:9px;font-size:10px}.pillars span{gap:8px}.services{margin-top:35px}.section{padding:55px 7%}.section-heading h2{font-size:32px}.service{padding:26px}.service h3{font-size:25px}.about h2{font-size:30px}.contact h2{font-size:35px}.email{font-size:15px}.steps{margin-top:35px}}

/* Logo bicolore sélectionné. */
.brand-logo{background:#fff;border-radius:0}.brand-logo img{width:240px;height:62px;object-fit:cover}footer .brand-logo{background:#fff;border-radius:8px;padding:0 8px}footer .brand-logo img{width:210px;height:57px}@media(max-width:800px){.brand-logo img{width:195px;height:54px}footer .brand-logo{width:fit-content}}

/* Visuel de la section Votre interlocuteur. */
.about-workspace{position:relative;min-height:420px;border-radius:30px 85px 30px 30px;overflow:hidden;background:#e8eee2;align-self:stretch}
.about-workspace>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center}
.about-workspace:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(31,46,39,.18) 45%,rgba(31,46,39,.94) 100%)}
.about-workspace-caption{position:absolute;z-index:1;bottom:32px;left:30px;right:24px;color:#fff}
.about-workspace-caption>span{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#d4e8ae}
.about .about-workspace-caption p{font-family:Manrope,sans-serif;font-size:25px;line-height:1.4;letter-spacing:-.7px;font-weight:500;color:#fff;margin:15px 0 22px}
.about-workspace-caption .workspace-signature{display:block;padding-top:15px;border-top:1px solid #ffffff40;font-size:10px;letter-spacing:.5px;color:#e5edde}
@media(max-width:800px){.about-workspace{min-height:340px;border-radius:25px 65px 25px 25px}.about-workspace-caption{bottom:25px;left:25px}.about .about-workspace-caption p{font-size:24px}}

.about-workspace>img{object-position:center 42%}

.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-form button:disabled{opacity:.65;cursor:wait}#form-status{line-height:1.5}