@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');
:root{--navy:#001a3b;--blue:#00134e;--orange:#ff6500;--scale:calc(100vw / 1536)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--blue);font-family:'DM Sans',sans-serif;background:#fff;font-size:14px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2{font-family:Poppins,sans-serif}em{font-style:normal;color:var(--orange)}button{border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff9c44;outline-offset:3px}.skip{position:fixed;left:10px;top:-100px;background:#fff;z-index:30;padding:12px}.skip:focus{top:10px}.topbar{height:38px;background:linear-gradient(100deg,#00142e,#001a3d);color:white;display:flex;align-items:center;padding:0 4%;gap:35px;font-size:13px}.location{display:flex;align-items:center;gap:8px;white-space:nowrap}.topbar svg{color:var(--orange);width:19px;height:19px}.top-contacts{display:flex;gap:28px;margin-left:auto}.top-contacts a{display:flex;align-items:center;gap:9px}.socials{display:flex;align-items:center;gap:24px;font-weight:800;font-size:21px}.topbar .socials{margin-left:20px}.socials svg{color:#fff;width:19px;height:19px}header{height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px;background:#fff}.brand{display:block;flex-shrink:0;width:330px;height:80px}.brand-image{display:block;width:100%;height:100%;background-image:url('assets/maquette.png');background-size:465.45% auto;background-position:5.3068% 4.2373%;background-repeat:no-repeat}nav{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;font-size:13px;white-space:nowrap}nav>a,nav>.nav-link{height:43px;display:flex;align-items:center;padding:0;font-size:inherit;position:relative}nav .active{font-weight:800}nav .active:after{content:'';position:absolute;height:4px;background:var(--orange);width:52px;bottom:1px;left:0}.button{background:linear-gradient(105deg,#ff7500,#ff5800);border:1px solid var(--orange);color:white;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:17px;font-size:13px;font-weight:700;padding:11px 19px;line-height:1.2;white-space:nowrap;min-height:46px}.button:hover{filter:brightness(.95)}.button svg{width:24px;height:24px}.button svg:last-child{width:19px}.header-cta{border-radius:30px;min-height:50px;padding:11px 20px;gap:14px}.menu-toggle{display:none}.hero{position:relative;background:#002347;aspect-ratio:1536/309;overflow:hidden;color:white}.hero-art{position:absolute;inset:0;background-image:url('assets/maquette.png');background-size:100% auto;background-position:50% 16.6434%;background-repeat:no-repeat}.hero-copy{position:relative;z-index:1;padding:22px 0 18px 3.8%;width:53%;background:linear-gradient(90deg,#001c3ee6 0%,#002143e6 69%,#00214300 100%);height:100%}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4}.eyebrow:before{content:'';width:22px;height:3px;background:var(--orange);display:inline-block;flex-shrink:0}.hero h1{font-size:34px;line-height:.99;letter-spacing:-.5px;font-weight:700;margin:5px 0 10px}.intro{font-size:15px;line-height:1.26;max-width:540px}.hero-actions{display:flex;gap:17px;margin-top:10px}.hero-actions .button{padding:10px 17px;min-height:47px}.outline{border:1px solid #fff;background:#00172b85}.outline svg{fill:white;stroke-width:1}.whatsapp{background:linear-gradient(#08d72f,#00aa26);border-color:white;box-shadow:0 0 8px #8dff9a80}.trust-strip{position:absolute;right:0;bottom:6px;display:grid;grid-template-columns:repeat(4,1fr);width:32.3%;min-height:105px;border:1px solid #ffffff90;border-radius:10px 0 0 10px;background:#001735ed;padding:12px 12px 9px}.trust-strip>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;text-align:center;font-size:11px;font-weight:500;line-height:1.2}.trust-strip>div+div{border-left:1px solid #ffffff66}.trust-strip svg{width:29px;height:29px}.service-bar{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;padding:9px 3.8%;height:68px;gap:0}.service-bar button{display:flex;align-items:center;justify-content:flex-start;gap:26px;text-align:left;font-size:12px;font-weight:800;line-height:1.4;position:relative;padding:0 0 0 40px;height:40px}.service-bar button:first-child{padding-left:0}.service-bar button+button:before{content:'';height:30px;width:1px;background:#8893b5;position:absolute;left:0}.service-bar svg{width:41px;height:41px;color:var(--orange);stroke-width:1.6}.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:0 2.35% 10px}.audience{height:168px;display:flex;position:relative;overflow:hidden;border:1px solid #e8eaf2;border-radius:6px;background:linear-gradient(120deg,#fff,#f8f8fa)}.audience-photo{width:50%;height:100%;flex-shrink:0;background-image:url('assets/maquette.png');background-repeat:no-repeat}.habitat{background-size:629.5% auto;background-position:2.786% 57.809%}.pro{background-size:621.86% auto;background-position:41.35% 57.809%}.chantier{background-size:597.665% auto;background-position:79.281% 57.809%}.audience-icon{width:62px;height:62px;border-radius:50%;border:3px solid white;background:linear-gradient(135deg,#ff8b00,#ff5300);color:white;position:absolute;left:calc(50% - 35px);top:9px;display:grid;place-items:center;box-shadow:0 0 0 13px #ffffffdd}.audience-icon svg{width:31px;height:31px}.audience-copy{padding:24px 8px 10px 40px;flex:1;position:relative}.audience h2{font-size:18px;letter-spacing:-.65px;white-space:nowrap;font-weight:700;position:relative;padding-bottom:9px;margin-bottom:7px}.audience h2:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:34px;background:var(--orange)}.audience p{font-size:12px;line-height:1.4}.more{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:#f65b00;margin-top:12px;padding:0}.more svg{width:18px;height:18px}.audience small{display:block;font-size:10px;line-height:1.2}.audience.btp .audience-copy{padding-top:12px;padding-left:20px}.audience.btp .audience-photo{width:53%}.audience.btp .audience-icon{left:calc(53% - 65px)}.btp h2{font-size:17px}.mini{border-radius:10px;min-height:29px;padding:5px 12px;font-size:11px;gap:7px}.mini svg{width:15px;height:15px}.btp .mini{margin-top:5px}.process{position:relative;overflow:hidden;display:flex;color:white;background:#001d40;min-height:109px;padding:16px 3.8% 9px;gap:40px}.process-bg{position:absolute;inset:0;background-image:linear-gradient(#001c3cbb,#001c3cbb),url('assets/maquette.png');background-size:100% auto;background-position:center 73.552%;opacity:.65}.process-title{position:relative;width:355px;flex-shrink:0}.process h2{font-size:26px;font-weight:700;line-height:1.1;margin-top:5px;letter-spacing:-.7px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);flex:1;position:relative;list-style:none;margin:0;padding:0;gap:15px}.process li{display:flex;gap:23px;position:relative}.step-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:linear-gradient(120deg,#ff8300,#ff5400);font-weight:700;font-size:17px;margin-top:4px;z-index:1}.process li>div{flex:1;position:relative}.process li>div:before{content:'';height:1px;background:#ffffffa0;position:absolute;left:41px;right:-8px;top:16px}.process li:last-child>div:before{display:none}.process li svg{width:32px;height:32px;display:block;margin-bottom:2px}.process h3{font-size:12px;font-weight:700;line-height:1.4}.process li p{font-size:12px;line-height:1.3;margin-top:4px}.bottom-section{display:flex;gap:15px;padding:8px 1.3% 8px 3.8%;min-height:143px}.domains{display:flex;gap:13px;flex:1;min-width:0}.domains-copy{width:246px;flex-shrink:0;padding-top:5px}.bottom-section h2{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:800;letter-spacing:-.4px}.domains-copy h2{display:flex;align-items:center;gap:9px;margin-bottom:4px}.domains-copy h2:before{content:'';width:22px;height:3px;background:var(--orange)}.domains-copy p{font-size:11px;line-height:1.35;margin-bottom:8px}.domains-copy .mini{border-radius:18px;font-size:10px}.domain-gallery{display:grid;grid-template-columns:1fr 1fr 1.05fr 1.5fr;gap:8px;flex:1;min-width:0}.domain-gallery button{display:flex;flex-direction:column;padding:0;background:#f7f7f8;border-radius:5px;overflow:hidden;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}.domain-gallery button>span:last-child{padding:5px 2px;width:100%;text-align:center}.domain-photo{width:100%;height:101px;display:block;background-image:url('assets/maquette.png');background-repeat:no-repeat}.new{background-size:997.4% auto;background-position:23.01% 85.6988%}.panel{background-size:997.4% auto;background-position:34.8046% 85.6988%}.lighting{background-size:970.9% auto;background-position:46.7344% 85.6988%}.renovation{background-size:662.07% auto;background-position:62.1933% 85.6988%}.zone{display:flex;position:relative;background:#f8f8fa;border:1px solid #eeeef4;border-radius:7px;width:31.2%;flex-shrink:0;padding:7px 7px 3px}.zone-icon{width:33px;height:33px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;flex-shrink:0;margin-right:9px}.zone-icon svg{height:24px;width:24px}.zone-copy{position:relative;z-index:1}.zone h2{margin-bottom:5px;white-space:nowrap}.zone p{font-size:10px;line-height:1.4}.zone .mini{margin-top:7px;min-height:28px;font-size:10px;padding:4px 10px}.outline-orange{background:white;color:#ff5b00;border-color:#ff6500;border-radius:6px}.map-art{background-image:url('assets/maquette.png');background-size:695.0226% auto;background-position:98.403% 88.098%;background-repeat:no-repeat;flex:1;min-width:130px;height:122px;margin-left:5px}.footer-main{min-height:77px;display:flex;align-items:start;gap:18px;padding:10px 3.8% 5px;background:var(--navy);color:#fff}.footer-main>div{border-left:1px solid #ffffff26;padding-left:20px}.footer-brand{width:255px;height:58px;flex-shrink:0}.footer-brand>span{display:block;width:100%;height:100%;background-image:url('assets/maquette.png');background-size:602.35% auto;background-position:4.6066% 96.8944%;background-repeat:no-repeat}.footer-main h3{font-size:9px;font-weight:600;line-height:1.4}.footer-main a,.footer-main button,.footer-main span{font-size:9px;color:#e0e5f0;line-height:1.25}.footer-main button{padding:0;text-align:left}.footer-links{flex:1}.footer-links>div{display:grid;grid-template-rows:repeat(4,12px);grid-auto-flow:column;column-gap:20px}.footer-services{flex:1}.footer-services>div{display:grid;grid-template-rows:repeat(4,12px);grid-auto-flow:column;column-gap:20px}.footer-contact{flex:1}.footer-contact a,.footer-contact>span{display:flex;align-items:center;gap:10px;white-space:nowrap}.footer-contact svg{color:var(--orange);width:12px;height:12px}.footer-main .footer-socials{display:flex;gap:10px;padding-top:6px;align-self:stretch;min-width:160px}.footer-socials>span,.footer-socials>svg{border:1px solid #ffffff22;border-radius:6px;width:29px;height:29px;text-align:center;font-size:22px;line-height:29px}.footer-socials>svg{padding:4px}.company{display:flex;flex-direction:column;white-space:nowrap;min-width:184px}.company strong{font-size:9px;font-weight:500}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;background:#001530;color:#d5dfed;min-height:22px;padding:4px 3.8%;font-size:9px}.footer-bottom>div{display:flex;align-items:center;gap:13px}.footer-bottom button{padding:0;color:inherit;font-size:9px}.footer-bottom i{height:9px;width:1px;background:#ffffff66}dialog{width:min(620px,calc(100% - 32px));max-height:90vh;overflow-y:auto;border:0;border-radius:14px;padding:30px;color:var(--blue);box-shadow:0 20px 100px #00152d66}dialog::backdrop{background:#001832c9}dialog h2{font-size:25px;line-height:1.3;margin:12px 0}.close{float:right;font-size:30px;line-height:1;padding:0 5px}.dialog-intro,#info-body{font-size:14px;line-height:1.7}.dialog-intro{margin-bottom:20px}#info-body p{margin:15px 0}#info-body ul{padding-left:20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{display:block;width:100%;border:1px solid #cad2de;border-radius:6px;background:#fafbfc;padding:10px;color:var(--blue);margin-top:5px}textarea{resize:vertical}.privacy-note{font-size:11px;line-height:1.5;color:#64718a;margin-bottom:15px}#result{background:#f0f5f9;padding:17px;margin-top:20px;font-size:13px;line-height:1.6}#result p{margin:8px 0}#download{display:block;text-decoration:underline;margin-top:15px;padding:0}.zone-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.zone-list span{background:#eef2f8;padding:8px 12px;border-radius:5px}.info-action{margin-top:20px}
@media(min-width:1101px) and (max-width:1490px){header{gap:17px}.brand{width:calc(330 * var(--scale));height:calc(80 * var(--scale))}header{height:calc(81 * var(--scale));padding:0 3.8%}nav{gap:calc(28 * var(--scale));font-size:calc(13 * var(--scale))}.header-cta{font-size:calc(13 * var(--scale));padding:calc(11 * var(--scale)) calc(20 * var(--scale));min-height:calc(50 * var(--scale))}.topbar{font-size:calc(13 * var(--scale));height:calc(38 * var(--scale));gap:20px}.top-contacts{gap:calc(28 * var(--scale))}.topbar .socials{margin-left:0}.hero-copy{padding-top:calc(22 * var(--scale))}.hero h1{font-size:calc(34 * var(--scale));margin:calc(5 * var(--scale)) 0 calc(10 * var(--scale))}.hero .eyebrow{font-size:calc(13 * var(--scale))}.intro{font-size:calc(15 * var(--scale))}.hero-actions{gap:calc(17 * var(--scale));margin-top:calc(10 * var(--scale))}.hero-actions .button{font-size:calc(13 * var(--scale));padding:calc(10 * var(--scale)) calc(17 * var(--scale));min-height:calc(47 * var(--scale));gap:calc(12 * var(--scale))}.hero-actions svg{width:calc(24 * var(--scale));height:calc(24 * var(--scale))}.trust-strip{min-height:calc(105 * var(--scale));font-size:calc(11 * var(--scale));padding:calc(12 * var(--scale));bottom:calc(6 * var(--scale))}.trust-strip>div{font-size:calc(11 * var(--scale));gap:calc(7 * var(--scale))}.trust-strip svg{width:calc(29 * var(--scale));height:calc(29 * var(--scale))}.service-bar button{gap:calc(24 * var(--scale));padding-left:calc(40 * var(--scale));font-size:calc(12 * var(--scale))}.service-bar svg{width:34px;height:34px}.audience-copy{padding-left:34px}.audience h2{font-size:15px}.audience p{font-size:10px}.audience.btp h2{font-size:14px}.audience small{font-size:9px}.audience-icon{width:52px;height:52px}.audience{height:calc(168 * var(--scale))}.audience-photo{background-size:auto 616.867%}.process{gap:25px}.process-title{width:calc(355 * var(--scale))}.process li{gap:14px}.process h3,.process li p{font-size:10px}.process h2{font-size:23px}.process .eyebrow{font-size:11px}.bottom-section{gap:10px}.domains-copy{width:200px}.bottom-section h2{font-size:12px}.domains-copy p{font-size:9px}.zone p{font-size:9px}.map-art{min-width:90px}.domain-gallery button{font-size:8px}.footer-main{gap:10px}.footer-brand{width:calc(255 * var(--scale));height:calc(58 * var(--scale))}.footer-main>div{padding-left:12px}.footer-main .footer-socials{min-width:100px;gap:5px}.company{min-width:165px}.footer-links>div,.footer-services>div{column-gap:12px}}
@media(min-width:1700px){.hero-copy{padding-top:2.2vw}.hero h1{font-size:2.3vw}.intro{font-size:1vw;max-width:40vw}.hero-actions{margin-top:1.3vw}.hero-actions .button{font-size:.9vw;padding:1vw 1.2vw}.trust-strip{min-height:7vw}.trust-strip>div{font-size:.8vw}}
@media(max-width:1100px){.topbar{padding:7px 4%;height:auto;min-height:34px;font-size:11px}.top-contacts{gap:18px}.top-contacts a:nth-child(n+3),.topbar .socials{display:none}header{height:85px;padding:0 4%;gap:12px}.brand{width:280px;height:68px}.header-cta{margin-left:auto;font-size:12px;padding:10px 15px;min-height:44px}.menu-toggle{display:block;font-size:27px;order:3;padding:7px}nav{display:none;position:absolute;top:119px;left:0;right:0;padding:20px 5%;background:white;z-index:10;box-shadow:0 15px 20px #001a3b22;flex-direction:column;align-items:stretch;gap:5px;font-size:14px}nav.open{display:flex}nav a,nav .nav-link{min-height:43px}nav .active:after{width:35px}.hero{aspect-ratio:auto;min-height:355px}.hero-art{background-size:auto 1178px;background-position:60% 16.64%}.hero-copy{width:80%;padding-top:27px;background:linear-gradient(90deg,#001b3ef5,#001b3ed9 70%,transparent)}.hero h1{font-size:32px;line-height:1.1}.intro{font-size:13px;line-height:1.45}.hero-actions{gap:10px;margin-top:18px}.hero-actions .button{font-size:11px;padding:10px 12px}.hero-actions svg{width:20px;height:20px}.trust-strip{display:none}.service-bar{height:auto;min-height:100px;grid-template-columns:repeat(3,1fr);padding:10px 4%;row-gap:15px}.service-bar button{padding-left:20px!important;font-size:11px;gap:15px}.service-bar button:nth-child(3n+1){padding-left:0!important}.service-bar button:nth-child(4):before{display:none}.service-bar svg{height:31px;width:31px}.audiences{padding:6px 3% 15px;gap:10px}.audience{height:auto;min-height:245px;flex-direction:column}.audience-photo,.audience.btp .audience-photo{width:100%;height:125px;background-size:629.5% auto}.audience-photo.pro{background-size:621.86% auto}.audience-photo.chantier{background-size:597.665% auto}.audience-icon,.audience.btp .audience-icon{left:auto;right:12px;top:94px;width:43px;height:43px;box-shadow:0 0 0 5px #fff}.audience-icon svg{width:23px;height:23px}.audience-copy,.audience.btp .audience-copy{padding:16px}.audience h2,.audience.btp h2{font-size:16px}.audience p{font-size:12px}.audience small{font-size:10px}.audience small br{display:none}.process{display:block;padding:22px 4%}.process-title{width:auto;margin-bottom:22px}.process h2{font-size:25px}.process-title h2 br{display:none}.process ol{gap:22px}.process li{gap:10px}.process li p{font-size:11px}.process h3{font-size:11px}.bottom-section{display:block;padding:18px 4%}.domains{gap:20px}.domains-copy{width:220px}.domain-gallery button{font-size:8px}.zone{width:100%;margin-top:18px;padding:16px;min-height:155px}.zone-copy{flex:1}.zone h2{font-size:16px}.zone p{font-size:12px}.zone p br{display:none}.zone p{max-width:480px}.map-art{flex:none;width:221px;height:125px}.footer-main{flex-wrap:wrap;gap:20px;padding:22px 4%}.footer-brand{width:220px;height:50px}.footer-main>div{min-width:180px;flex:1}.footer-main h3{font-size:11px}.footer-main a,.footer-main button,.footer-main span{font-size:10px;line-height:1.5}.footer-links>div,.footer-services>div{grid-template-rows:repeat(4,16px)}.footer-main .footer-socials{display:none}.company strong{font-size:11px}.footer-bottom{padding:10px 4%;gap:15px}}
@media(max-width:650px){.topbar{justify-content:space-between;padding:8px 4%;gap:8px;font-size:10px}.topbar svg{height:14px;width:14px}.top-contacts{margin:0}.top-contacts a:nth-child(n+2){display:none}.top-contacts a{gap:5px}.location{gap:4px}header{height:76px;padding:0 4%;gap:7px}.brand{width:220px;height:54px;max-width:58vw}.header-cta{min-height:36px;border-radius:19px;padding:9px 12px;font-size:11px;gap:5px}.header-cta svg{display:none}.menu-toggle{font-size:24px;padding:3px}nav{top:110px}.hero{min-height:0;padding-bottom:0}.hero-art{background-size:auto 1120px;background-position:66% 16.64%;opacity:.7}.hero-copy{padding:28px 5% 25px;width:100%;background:linear-gradient(90deg,#001b3ef7,#001b3e9c)}.hero .eyebrow{font-size:11px}.hero h1{font-size:30px;line-height:1.08;margin:12px 0 14px;letter-spacing:-.5px}.intro{font-size:13px;line-height:1.6;max-width:420px}.desktop{display:none}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:22px}.hero-actions .button{min-height:43px;font-size:11px;padding:10px 13px;border-radius:13px}.hero-actions .whatsapp{flex-basis:100%;max-width:262px}.service-bar{grid-template-columns:repeat(2,1fr);padding:18px 5%;gap:20px 10px}.service-bar button{font-size:10px;gap:13px;min-height:36px;padding-left:0!important}.service-bar button:before{display:none}.service-bar svg{width:30px;height:32px}.audiences{grid-template-columns:1fr;padding:0 4% 18px;gap:12px}.audience{min-height:157px;flex-direction:row}.audience-photo,.audience.btp .audience-photo{height:auto;width:45%;min-height:158px;background-size:auto 616.867%}.audience-icon,.audience.btp .audience-icon{top:12px;left:calc(45% - 25px);right:auto;width:44px;height:44px}.audience-copy,.audience.btp .audience-copy{padding:22px 10px 15px 30px}.audience h2,.audience.btp h2{font-size:15px;white-space:normal;letter-spacing:-.5px}.audience p{font-size:11px}.audience p br{display:none}.audience small{font-size:9px}.more{font-size:12px}.audience.btp .audience-icon{left:calc(45% - 25px)}.process{padding:24px 5% 28px}.process .eyebrow{font-size:11px}.process h2{font-size:24px}.process-title h2 br{display:block}.process ol{grid-template-columns:1fr 1fr;gap:25px 15px}.process li{gap:10px}.process li>div:before{right:0;left:36px}.step-number{width:27px;height:27px;font-size:15px}.process h3{font-size:11px}.process li p{font-size:11px}.process li p br{display:none}.process li svg{width:28px;height:28px}.bottom-section{padding:22px 4%}.domains{display:block}.domains-copy{width:auto;margin-bottom:18px}.domains-copy h2{font-size:17px}.domains-copy p{font-size:12px;line-height:1.6}.domains-copy p br{display:none}.domains-copy .mini{font-size:11px;margin-top:5px}.domain-gallery{grid-template-columns:1fr 1fr;gap:12px}.domain-photo{height:auto;aspect-ratio:154/101}.domain-gallery button{font-size:10px}.domain-gallery button>span:last-child{padding:7px 3px;white-space:normal}.domain-photo.renovation{aspect-ratio:232/101;height:100%;min-height:105px}.zone{padding:15px 10px;flex-wrap:wrap;gap:0;margin-top:22px}.zone h2{font-size:14px}.zone p{font-size:11px}.zone-copy{max-width:calc(100% - 42px)}.map-art{width:221px;height:125px;margin:15px auto 0}.zone .mini{font-size:11px;margin-top:10px}.footer-main{padding:25px 5%;gap:24px 20px}.footer-brand{width:255px;height:58px;flex-basis:100%;max-width:255px}.footer-main>div{min-width:135px;padding-left:12px}.footer-links>div,.footer-services>div{display:flex;flex-direction:column;gap:3px}.footer-main .company{flex-basis:100%;padding-top:8px}.footer-main .footer-contact{min-width:200px}.footer-bottom{flex-direction:column;align-items:start;font-size:9px;padding:13px 5%}.footer-bottom>div{gap:10px}.footer-bottom button{font-size:9px}dialog{padding:24px 20px}dialog h2{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Les images de la maquette restent limitées aux zones illustratives. */
.hero-art{clip-path:polygon(36% 0,100% 0,100% 100%,51% 100%,51% 72%,36% 72%)}.hero-copy{background:linear-gradient(90deg,#001d3f 0%,#001d3f 68%,#001d3f00 100%)}.trust-strip{background:#001735}.process-bg{background:linear-gradient(105deg,#001b3f,#00294c);opacity:1}.audience.btp small br{display:none}.audience.btp small{font-size:10px;line-height:1.16}.audience.btp .audience-copy{padding-left:20px;padding-right:5px}.audience.btp p{font-size:11px;line-height:1.25}.audience.btp h2{margin-bottom:5px;padding-bottom:7px}.audience.btp .mini{font-size:11px;min-height:27px;padding:4px 10px}.footer-main{min-height:77px}.bottom-section{min-height:143px}
@media(max-width:1100px){.hero-art{clip-path:inset(0 0 0 48%)}.hero-copy{background:linear-gradient(90deg,#001d3f 0%,#001d3f 55%,#001d3f88 100%)}.audience.btp .audience-copy{padding:16px}.audience.btp small{font-size:10px}}
@media(max-width:650px){.hero-art{clip-path:inset(0 0 0 50%);background-position:78% 16.64%}.hero-copy{background:linear-gradient(90deg,#001d3f 0%,#001d3fee 55%,#001d3fbb 100%)}.audience.btp .audience-copy{padding:20px 8px 12px 30px}.audience.btp small{font-size:9px}}
/* Cadrages indépendants de la taille des cartes, sans bordures de la maquette. */
.audience-photo.habitat{background-size:768% 616.8675%;background-position:2.6946% 57.809%}.audience-photo.pro{background-size:808.421% 616.8675%;background-position:39.5988% 57.809%}.audience-photo.chantier{background-size:853.333% 616.8675%;background-position:74.7788% 57.809%}.domain-photo.new,.domain-photo.panel{background-size:997.4% 1013.861%}.domain-photo.lighting{background-size:970.9% 1013.861%}.domain-photo.renovation{background-size:662.07% 1013.861%}.map-art{background-size:695.0226% 819.2%}.brand-image{background-size:465.45% 1280%}.footer-brand>span{background-size:602.35% 1765.517%}
@media(max-width:650px){.hero-art{display:none}.hero-copy{background:linear-gradient(120deg,#001c3b,#07365d)}.domain-photo.renovation{height:auto;aspect-ratio:154/101;min-height:0}.audience p br:after,.domains-copy p br:after,.intro br.desktop:after{content:' '}}
@media(max-width:420px){header .brand{width:calc(100vw - 190px);max-width:50vw;height:54px}.header-cta{padding:9px 10px;font-size:10px}.hero h1{font-size:28px}.hero-actions .button{font-size:10px;padding:10px}.footer-main>div{min-width:125px}}
@media(min-width:1101px){.audience{min-height:168px}.audience.btp .audience-copy{padding-bottom:36px}.audience.btp .mini{position:absolute;bottom:5px;left:20px}.audience.btp small{font-size:9px;line-height:1.18}}

/* Une page plus aérée, avec des sections qui se découvrent au défilement. */
.service-bar{grid-template-columns:repeat(4,1fr);height:auto;min-height:110px;padding-top:28px;padding-bottom:28px}
.audiences{padding-top:32px;padding-bottom:56px;gap:24px}
.audience{height:auto;min-height:250px}
.audience-copy,.audience.btp .audience-copy{padding-top:32px;padding-bottom:58px}
.audience p,.audience.btp p{font-size:14px;line-height:1.6}
.audience.btp small{font-size:12px;line-height:1.5;margin-top:8px}
.maintenance-contracts{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 5%;background:#f3f6fa}
.maintenance-contracts>div{max-width:760px}
.maintenance-contracts h2{font-size:30px;line-height:1.3;margin:14px 0}
.maintenance-contracts p:not(.eyebrow){font-size:16px;line-height:1.75}
.process{padding-top:50px;padding-bottom:50px}
.process h3,.process li p{font-size:13px;line-height:1.5}
.bottom-section{display:block;padding:56px 5%}
.domains{display:block}
.domains-copy{width:auto;max-width:720px;margin-bottom:28px}
.bottom-section h2{font-size:26px}
.domains-copy p{font-size:15px;line-height:1.7;margin:14px 0}
.domains-copy p br{display:none}
.domain-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.domain-photo{height:190px}
.domain-gallery button{font-size:13px;white-space:normal}
.domain-gallery button>span:last-child{padding:14px 8px}
.zone{width:100%;margin-top:48px;padding:28px;align-items:center;gap:16px}
.zone-copy{flex:1}.zone p{font-size:14px;line-height:1.7}.zone p br{display:none}
.map-art{flex:none;width:221px;height:150px}
@media(max-width:1100px){.audiences{gap:16px}.audience-copy,.audience.btp .audience-copy{padding:22px 16px}.maintenance-contracts{align-items:flex-start;flex-direction:column}.process ol{grid-template-columns:repeat(2,1fr);gap:30px}.domain-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.service-bar{grid-template-columns:repeat(2,1fr);gap:24px 12px;padding:28px 5%}.service-bar button{padding-left:0!important;gap:12px}.service-bar button:before{display:none}.audiences{padding:24px 4% 36px;gap:20px}.audience{min-height:210px}.audience-copy,.audience.btp .audience-copy{padding:22px 12px 20px 30px}.audience p,.audience.btp p{font-size:12px;line-height:1.5}.audience.btp small{font-size:11px}.maintenance-contracts{padding:36px 5%;gap:24px}.maintenance-contracts h2{font-size:24px}.maintenance-contracts p:not(.eyebrow){font-size:14px}.process{padding:36px 5%}.bottom-section{padding:36px 4%}.bottom-section h2{font-size:22px}.domain-gallery{gap:14px}.domain-photo{height:140px}.domain-gallery button{font-size:11px}.zone{padding:20px 14px;gap:8px}.zone h2{font-size:20px}.zone p{font-size:13px}.map-art{width:221px;max-width:100%}}

.service-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.service-bar button{gap:18px;padding-left:24px}
.gate-service{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 5%;background:#fff}.gate-service>div{max-width:760px}.gate-service h2{font-size:30px;line-height:1.3;margin:14px 0}.gate-service p:not(.eyebrow){font-size:16px;line-height:1.75}
.hero{aspect-ratio:auto;min-height:330px}.hero-copy{min-height:330px}.hero h1{line-height:1.08}.intro{max-width:540px;line-height:1.45}.hero-actions{flex-wrap:wrap}.hero-art{background-size:100% auto}
.project-photo{display:block;width:100%;height:340px;object-fit:contain;background:#eef2f7}.domain-gallery button small{display:block;padding:0 10px 14px;font-weight:400;font-size:11px;line-height:1.4}.domain-gallery button>span{padding:14px 8px 6px;width:100%;text-align:center}
@media(max-width:1100px){.gate-service{flex-direction:column;align-items:flex-start}.service-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.service-bar button{padding-left:0!important}.service-bar button:before{display:none}.hero-copy{min-height:0}.hero{min-height:0}}
@media(max-width:650px){.service-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.service-bar button{font-size:10px;gap:10px}.gate-service{padding:36px 5%;gap:24px}.gate-service h2{font-size:24px}.gate-service p:not(.eyebrow){font-size:14px}.project-photo{height:250px}.domain-gallery button small{font-size:10px}.hero-copy{min-height:0}}

.footer-services>div{display:flex;flex-direction:column;gap:5px}.footer-services button{line-height:1.4}.footer-main{padding-top:20px;padding-bottom:20px}

@media(min-width:1101px){.hero{aspect-ratio:1536/309;min-height:0}.hero-copy{min-height:0}.hero h1{line-height:.99}.intro{line-height:1.3}.hero-actions{margin-top:10px;flex-wrap:nowrap}}

/* Les sept activités de référence. */
.service-bar{grid-template-columns:repeat(7,minmax(0,1fr));padding:28px 3%;gap:12px}.service-bar button{padding:0 8px;gap:10px;font-size:10px;line-height:1.5;min-height:70px;height:auto}.service-bar button:before{display:none}.service-bar svg{width:30px;height:30px}.service-bar span{overflow-wrap:anywhere}
.intro-btp{margin-top:8px}
.digital-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:48px 5%;background:#f3f6fa}.digital-services article{padding:28px;background:#fff;border:1px solid #e8eaf2;border-radius:8px}.digital-services article>svg{width:36px;height:36px;color:var(--orange)}.digital-services h2{font-size:22px;margin:16px 0}.digital-services p{font-size:15px;line-height:1.7;min-height:100px}.digital-services .button{margin-top:20px;white-space:normal}
.subcontract-service{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 5%}.subcontract-service>div{max-width:760px}.subcontract-service h2{font-size:28px;line-height:1.3;margin:14px 0}.subcontract-service p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:12px}
@media(min-width:1101px){.hero{aspect-ratio:auto;min-height:410px}.hero-copy{min-height:410px;width:55%}.hero-art{background-size:100% 331.4%;background-position:50% 16.6434%;clip-path:inset(0 0 0 51%)}.hero-actions{flex-wrap:wrap}.hero .intro{max-width:590px}.trust-strip{bottom:6px}}
@media(max-width:1100px){.service-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.digital-services{gap:14px;padding:36px 4%}.digital-services article{padding:20px}.digital-services h2{font-size:19px}.digital-services p{min-height:130px}.subcontract-service{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.service-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.service-bar button{font-size:10px;gap:10px;min-height:55px}.digital-services{grid-template-columns:1fr}.digital-services p{min-height:0}.subcontract-service{padding:36px 5%;gap:24px}.subcontract-service h2{font-size:23px}.subcontract-service p:not(.eyebrow){font-size:14px}}

@media(min-width:1101px){.hero-art:after{content:"";position:absolute;right:0;bottom:0;width:33%;height:38%;background:#001735}}

/* Finalisation : huit activités et clientèles élargies. */
.service-bar{grid-template-columns:repeat(8,minmax(0,1fr))}.service-bar button{font-size:10px;gap:8px}.service-bar svg{width:27px;height:27px}
.audience h2,.audience.btp h2{white-space:normal;font-size:17px;line-height:1.4;letter-spacing:-.3px}.audience-copy,.audience.btp .audience-copy{padding:28px 16px 64px 30px}.audience{min-height:290px}.audience.btp .mini{left:30px;bottom:18px}.audience p,.audience.btp p{font-size:13px;line-height:1.6}
.outdoor-service{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px 5%;background:#f3f6fa}.outdoor-service h2{font-size:28px;line-height:1.35;margin:14px 0}.outdoor-service p:not(.eyebrow){font-size:16px;line-height:1.75;margin:14px 0}.outdoor-service figure{margin:0}.outdoor-service img{width:100%;height:auto;display:block;border-radius:8px}.outdoor-service figcaption{font-size:12px;line-height:1.6;margin-top:10px}.outdoor-service .button{margin-top:12px}
.guadeloupe-map{width:240px;height:190px;flex-shrink:0;stroke:none}.zone p+p{margin-top:10px}.zone .mini{white-space:normal}.footer-services{min-width:210px}.footer-services button{white-space:normal}
@media(max-width:1100px){.service-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.audience h2,.audience.btp h2{font-size:16px}.audience-copy,.audience.btp .audience-copy{padding:22px 16px}.audience.btp .mini{position:static;margin-top:14px}.outdoor-service{gap:24px}.outdoor-service h2{font-size:24px}.outdoor-service p:not(.eyebrow){font-size:14px}}
@media(max-width:650px){.service-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-copy,.audience.btp .audience-copy{padding:24px 12px 24px 30px}.audience h2,.audience.btp h2{font-size:15px}.audience p,.audience.btp p{font-size:12px}.outdoor-service{grid-template-columns:1fr;padding:36px 5%}.guadeloupe-map{width:220px;max-width:100%;height:180px}.footer-services{min-width:0}}

/* Mise en page de la maquette validée : photos au-dessus des cartes et grille 3 + 2. */
.audiences{gap:24px;padding:22px 3.3% 30px}.audience{flex-direction:column;min-height:0;height:auto}.audience-photo,.audience.btp .audience-photo{width:100%;height:225px;background-image:url('assets/maquette-validee.png');background-repeat:no-repeat}.audience-photo.habitat{background-size:337.931% 1311.765%;background-position:4.71% 24.003%}.audience-photo.pro{background-size:337.931% 1311.765%;background-position:50.36% 24.003%}.audience-photo.chantier{background-size:337.931% 1311.765%;background-position:95.65% 24.003%}
.audience-icon,.audience.btp .audience-icon{top:14px;left:calc(50% - 26px);right:auto;width:52px;height:52px;box-shadow:0 0 0 9px #ffffffdd}.audience-copy,.audience.btp .audience-copy{padding:20px 22px;text-align:center}.audience h2,.audience.btp h2{font-size:18px;line-height:1.35;margin-bottom:10px;padding-bottom:0}.audience h2:after{display:none}.audience p,.audience.btp p{font-size:13px;line-height:1.55}.audience.btp .mini{position:static;margin-top:14px}.audience .more{margin-top:12px}
.gate-service{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:32px 3.3%;position:relative}.gate-service>div:first-child{grid-column:1;grid-row:1}.gate-service>.button{grid-column:1;grid-row:2;justify-self:start;align-self:start}.gate-photo{grid-column:2;grid-row:1 / span 2;width:100%;aspect-ratio:369/176;background-image:url('assets/maquette-validee.png');background-size:212.466% 1140.341%;background-position:93.976% 37.247%;border-radius:8px}.gate-service h2{font-size:28px}.gate-service p:not(.eyebrow){font-size:15px;line-height:1.6}
.maintenance-contracts{padding:32px 3.3% 24px}.digital-services{padding:0 3.3% 24px;gap:18px}.digital-services article{padding:22px}.digital-services h2{font-size:21px;margin:10px 0}.digital-services p{min-height:65px;font-size:14px}.digital-services .button{margin-top:12px}.subcontract-service{padding:30px 3.3%}.subcontract-service h2{font-size:27px;text-transform:none}.subcontract-service p:not(.eyebrow){font-size:15px;line-height:1.6}.process{padding:28px 3.3%}.bottom-section{padding:30px 3.3%}.domains-copy{max-width:100%;margin-bottom:20px}.domains-copy p{max-width:1000px;font-size:14px;line-height:1.6}
.domain-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.domain-gallery>button{grid-column:span 2}.domain-gallery>button.gallery-wide{grid-column:span 3}.scene-photo{width:100%;height:200px;display:block;background-image:url('assets/travaux-sans-etiquettes.png');background-size:100% 471.166%;background-repeat:no-repeat}.scene-home{background-position:50% 11.901%}.scene-office{background-position:50% 39.504%}.scene-cabinet{background-position:50% 67.603%}.project-photo.outdoor-gallery{height:230px;object-fit:cover}.panel-pair{display:flex;width:100%;height:230px;padding:0!important;background:#eef2f7}.panel-pair img{width:50%;height:100%;object-fit:contain}.domain-gallery button>span:not(.scene-photo):not(.panel-pair){font-size:15px;padding:10px 8px 5px}.domain-gallery button small{padding-bottom:12px}.zone{margin-top:24px}.footer-main{padding-top:22px}
@media(max-width:1100px){.audience-photo,.audience.btp .audience-photo{height:165px}.audience-copy,.audience.btp .audience-copy{padding:20px 14px}.audience h2,.audience.btp h2{font-size:16px}.gate-service h2{font-size:24px}.gate-service p:not(.eyebrow){font-size:14px}.scene-photo{height:160px}.project-photo.outdoor-gallery,.panel-pair{height:200px}.digital-services p{min-height:95px}}
@media(max-width:650px){.audiences{display:grid;grid-template-columns:1fr;padding:20px 4%;gap:18px}.audience-photo,.audience.btp .audience-photo{height:210px}.audience-copy,.audience.btp .audience-copy{padding:20px}.audience h2,.audience.btp h2{font-size:18px}.audience p,.audience.btp p{font-size:13px}.gate-service{grid-template-columns:1fr;padding:28px 5%;gap:20px}.gate-service>div:first-child{grid-column:1;grid-row:1}.gate-photo{grid-column:1;grid-row:2}.gate-service>.button{grid-column:1;grid-row:3}.maintenance-contracts{padding:30px 5%}.digital-services{padding:0 5% 26px}.digital-services p{min-height:0}.subcontract-service{padding:30px 5%}.domain-gallery{grid-template-columns:1fr;gap:20px}.domain-gallery>button,.domain-gallery>button.gallery-wide{grid-column:1}.scene-photo{height:auto;aspect-ratio:1024/326}.project-photo.outdoor-gallery,.panel-pair{height:240px}.bottom-section{padding:30px 5%}}

.audience-icon,.audience.btp .audience-icon{display:none}.gate-photo{padding:0;border:0;display:block}

.audience.btp .audience-photo.chantier{background-size:337.931% 1311.765%;background-position:95.65% 24.003%}@media(min-width:651px) and (max-width:1100px){.hero-art{background-size:auto 1900px;background-position:60% 16.6434%}}

/* Photos de clientèle fournies par l’utilisatrice. */
.audience-photo.habitat{background-image:url('assets/client-particuliers.png')}.audience-photo.pro{background-image:url('assets/client-professionnels.png')}.audience.btp .audience-photo.chantier{background-image:url('assets/client-btp.png')}
.audience .audience-photo,.audience.btp .audience-photo.chantier{background-size:cover;background-repeat:no-repeat;background-position:center 48%}
.audience-icon,.audience.btp .audience-icon{display:grid;left:calc(50% - 26px);top:14px;right:auto}

/* Photo corrigée : tableau moderne avec façade et obturateurs. */
.hero-art{inset:0 0 0 51%;background-image:url('assets/electricien-tableau-moderne.png');background-size:cover;background-position:center;clip-path:none;opacity:1}.hero-art:after{display:none}
@media(min-width:1101px){.hero-art{background-size:cover;background-position:center;clip-path:none}}
@media(min-width:651px) and (max-width:1100px){.hero-art{inset:0 0 0 48%;background-size:cover;background-position:center;clip-path:none}}
@media(max-width:650px){.hero-art{display:none}}

/* Accueil compact et logo aux proportions de la source (330 × 80). */
@media(min-width:1101px){
header{height:88px;gap:18px;padding:0 3.3%}
header .brand{width:300px;height:auto;aspect-ratio:330/80}
nav{gap:clamp(10px,1.4vw,26px);font-size:13px}
.header-cta{font-size:12px;padding:11px 16px;gap:10px}
.hero{min-height:0}
.hero-copy{width:51%;height:auto;min-height:0;padding:28px 2.8% 28px 3.8%;background:#001d3f}
.hero h1{font-size:clamp(30px,2.15vw,38px);line-height:1.08;margin:8px 0 16px}
.hero .intro{font-size:16px;line-height:1.5;max-width:none}
.hero .intro-btp{margin-top:14px}
.hero-actions{margin-top:20px;gap:10px;flex-wrap:wrap}
.hero-actions .button{font-size:12px;min-height:44px;padding:10px 13px}
}
@media(min-width:1101px) and (max-width:1400px){header .brand{width:270px}nav{font-size:12px;gap:10px}.header-cta{padding:10px 12px}}
@media(min-width:651px) and (max-width:1100px){header .brand{width:280px;height:auto;aspect-ratio:330/80}.hero-copy{width:58%;padding:26px 4%;background:#001d3f}.hero-art{left:58%}.hero .intro{font-size:15px;line-height:1.5;max-width:none}.hero .intro-btp{margin-top:12px}}
@media(max-width:650px){header .brand{height:auto;aspect-ratio:330/80}.hero .intro{font-size:14px;line-height:1.55}.hero .intro-btp{margin-top:14px}}

/* Portail : photo fournie par l’utilisatrice. */
.gate-photo{background-image:url('assets/portail-fourni.png');background-size:cover;background-position:center 65%}

.gate-photo{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f3f6fa}

/* Cadrage du portail : remplir la zone sans déformation, moteur visible. */
.gate-photo{background-size:cover;background-position:center 60%;aspect-ratio:1.3}
@media(max-width:650px){.gate-photo{aspect-ratio:1.1;background-position:center 60%}}

/* Décisions du dirigeant — 16 octobre 2026. */
.service-bar{grid-template-columns:repeat(7,minmax(0,1fr))}
.gate-service{grid-template-columns:1.35fr 1fr;align-items:center;gap:32px;padding:30px 3.3%}
.gate-service>div:first-child{grid-column:1;grid-row:1}
.gate-photo{grid-column:2;grid-row:1;aspect-ratio:2.05;background-image:url('assets/portail-oct16.jpg');background-size:cover;background-position:center 57%;position:relative;min-width:0}
.gate-overlay{position:absolute;right:12px;bottom:12px}
.network-service{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;padding:36px 3.3%}
.network-service h2{font-size:28px;line-height:1.3;margin:12px 0}.network-service h3{font-size:17px;line-height:1.5;margin-bottom:16px}
.network-service p,.network-service li{font-size:15px;line-height:1.65}.network-service p+p{margin-top:12px}.network-service ul{padding-left:22px;margin:18px 0}.network-service li+li{margin-top:7px}.network-service .button{margin-top:20px;white-space:normal}
.network-service>img{width:100%;height:auto;display:block;border-radius:8px}
.digital-services{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-photo{width:100%;height:230px;object-fit:cover;object-position:center 25%;display:block;border-radius:6px;margin-bottom:18px}
@media(max-width:1100px){.service-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.gate-service{gap:24px}.gate-photo{aspect-ratio:1.7}.gate-service h2,.network-service h2{font-size:24px}.network-service{grid-template-columns:1fr;gap:24px}.network-service>img{max-height:420px;object-fit:cover}}
@media(max-width:650px){.service-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-service{grid-template-columns:1fr;padding:28px 5%}.gate-photo{grid-column:1;grid-row:2;aspect-ratio:1.5}.gate-overlay{right:10px;bottom:10px;font-size:12px}.network-service{padding:30px 5%}.network-service p,.network-service li{font-size:14px}.digital-services{grid-template-columns:1fr}.network-service>img{max-height:none}.camera-photo{height:250px}}

/* RJ45 compact : texte court et bouton sur la photo conservée. */
.network-service{grid-template-columns:1.35fr 1fr;align-items:center;gap:32px;padding:30px 3.3%}
.network-service h2{font-size:28px;margin:10px 0}.network-service h3{font-size:16px;line-height:1.4;margin-bottom:12px}.network-service p{font-size:15px;line-height:1.5}.network-service p+p{margin-top:10px}
.network-photo{padding:0;display:block;position:relative;border-radius:8px;overflow:hidden;width:100%;aspect-ratio:1.8}
.network-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.network-service .network-overlay{position:absolute;right:12px;bottom:12px;margin:0;white-space:nowrap}
.panel-pair img.panel-comparison{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.network-service{grid-template-columns:1.2fr 1fr;gap:24px}.network-service h2{font-size:24px}.network-service p{font-size:14px}.network-photo{aspect-ratio:1.35}.network-service .network-overlay{font-size:12px;right:10px;bottom:10px;padding:10px 12px}}
@media(max-width:650px){.network-service{grid-template-columns:1fr;padding:28px 5%;gap:20px}.network-photo{aspect-ratio:1.5}.network-service h3{font-size:15px}}

/* Photo fournie pour la sous-traitance BTP. */
.subcontract-service{display:grid;grid-template-columns:1.35fr 1fr;gap:20px 32px;align-items:center}
.subcontract-service>div{grid-column:1;grid-row:1;max-width:none}
.subcontract-service>.button{grid-column:1;grid-row:2;justify-self:start}
.subcontract-photo{grid-column:2;grid-row:1 / span 2;width:100%;aspect-ratio:1.8;object-fit:cover;display:block;border-radius:8px}
@media(max-width:650px){.subcontract-service{grid-template-columns:1fr;gap:20px}.subcontract-photo{grid-column:1;grid-row:2;aspect-ratio:1.5}.subcontract-service>.button{grid-column:1;grid-row:3}}

.subcontract-photo{height:auto;align-self:center}.subcontract-service{row-gap:18px}

/* Envoi sécurisé : conserver le style existant du formulaire. */
#form-security{margin:16px 0;max-width:100%;min-width:0}#send-request:disabled{opacity:.65;cursor:not-allowed}#result[role="alert"]{border-left:3px solid var(--orange)}