@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');
[hidden]{display:none!important}
:root{--green:#123f32;--lime:#d3ec7a;--paper:#f6f6ef;--muted:#68736b;--line:#dce1d7}*{box-sizing:border-box}body{margin:0;color:var(--green);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #799b29;outline-offset:4px}.demo{background:var(--green);color:#dfe9d6;padding:9px 4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}header{padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand>b{background:var(--green);color:var(--lime);border-radius:12px;padding:1px 13px;font-size:37px}.brand>b span{font-size:22px}.brand div>span{font-weight:400}.brand small{font-size:8px;display:block;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav .nav-pro{border:1px solid #b9c6ba;padding:12px 17px;border-radius:30px}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;padding:64px 5% 55px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:#7a9e42;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(42px,4.7vw,70px);line-height:1.08;letter-spacing:-3.5px;margin:29px 0 24px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400}p{line-height:1.7}.lead{font-size:17px;color:var(--muted);max-width:440px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--green);color:white;border:0;border-radius:8px;padding:17px 23px;font-size:14px;font-weight:600}.btn.lime{background:var(--lime);color:var(--green)}.btn.outline{border:1px solid var(--line);background:transparent;color:var(--green)}.btn.small{padding:10px 15px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.micro{font-size:11px;color:var(--muted);line-height:1.6}.photo{position:relative;min-height:470px}.photo>img{width:100%;height:100%;max-height:540px;object-fit:cover;border-radius:120px 16px 16px 16px}.photo-tag{position:absolute;top:22px;right:20px;background:#fffffff0;border-radius:25px;font-size:11px;padding:11px 15px}.floating{position:absolute;bottom:23px;left:-28px;right:30px;background:var(--green);color:white;padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 25px #123f3220}.floating b{font-size:30px;color:var(--lime)}.floating small{display:block;font-size:11px;opacity:.7;margin-top:6px}.proof{padding:25px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;font-size:13px}.section{padding:70px 5%;max-width:1400px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font-size:36px;letter-spacing:-1.5px;font-weight:600;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.card h3{font-size:20px;font-weight:600}.number{font-family:Georgia;font-size:36px;color:#729074}.card p{font-size:14px;color:var(--muted)}.gallery img{width:100%;height:310px;object-fit:cover;border-radius:12px}.gallery h3{font-size:17px;margin-bottom:4px}.gallery p{font-size:12px;color:var(--muted);margin:0}.band{background:var(--green);color:white;padding:48px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.band p{color:#c5d4c9}.page{max-width:1250px;margin:auto;padding:42px 5% 70px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-title h1{font-size:38px;letter-spacing:-1.8px;margin:8px 0}.layout{display:grid;grid-template-columns:1fr 310px;gap:25px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:32px}.panel h2{font-size:28px}.aside{background:#e9eddf;border-radius:15px;padding:27px;align-self:start}.aside img{width:100%;height:190px;object-fit:cover;border-radius:10px;margin-bottom:16px}.aside p{font-size:13px;color:var(--muted)}.progress{height:5px;background:#e9eddf;border-radius:10px;margin:15px 0 35px}.progress span{display:block;height:100%;background:#83a54b;border-radius:10px;transition:width .2s}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.option{padding:23px 18px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green)}.option.active{background:#eff5df;border:2px solid #6a8a40;padding:22px 17px}.option strong{display:block;font-size:15px}.option small{display:block;margin-top:8px;color:var(--muted)}label{font-size:12px;font-weight:600;display:block;margin:18px 0 7px}input,select,textarea{width:100%;padding:14px;border:1px solid #ccd5c8;border-radius:7px;background:white;color:var(--green)}input[type=checkbox]{width:auto}.step-footer{display:flex;justify-content:space-between;margin-top:30px}.price{font-size:45px;font-family:Manrope;font-weight:700;letter-spacing:-2px;margin:20px 0}.notice{padding:13px 16px;background:#f3f2de;border-radius:8px;font-size:12px;line-height:1.6}.rows>div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.badge{display:inline-block;background:#eaf2d6;color:#426229;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.badge.amber{background:#fff0d3;color:#8a6425}.timeline{display:flex;justify-content:space-between;gap:8px;padding:25px 0;margin-bottom:20px}.timeline div{flex:1;border-top:3px solid #dfe6da;padding-top:12px;font-size:11px}.timeline div.done{border-color:#86a749}.timeline b{display:block;margin-bottom:6px}.upload{border:1px dashed #9bad92;padding:18px;border-radius:9px;margin:12px 0}.upload input{font-size:11px;border:0;padding:10px 0}.upload img{width:85px;height:70px;object-fit:cover;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.stat b{display:block;font-size:31px;margin:9px 0}.stat small{font-size:11px;color:var(--muted)}.crm-tools{display:flex;gap:10px;margin-bottom:20px}.crm-tools input{max-width:300px}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:15px;overflow:auto;padding-bottom:15px}.column{background:#e9ede4;border-radius:12px;padding:13px}.column h3{font-size:12px;margin:5px 0 20px}.lead-card{width:100%;display:block;text-align:left;border:1px solid var(--line);border-radius:9px;background:white;padding:18px;margin-bottom:12px;color:var(--green)}.lead-card h4{font-size:14px;margin:12px 0 7px}.lead-card p{font-size:11px;margin:4px 0;color:var(--muted)}.lead-card strong{display:block;margin-top:15px;font-size:16px}.detail{margin-top:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.log{font-size:12px;padding:11px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:15px 22px;border-radius:8px;display:none;z-index:10;box-shadow:0 5px 25px #0003}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px}details p{color:var(--muted);font-size:14px}.hidden{display:none}@media(max-width:800px){.demo span:first-child{display:none}.demo{justify-content:center;font-size:8px}header{flex-wrap:wrap;gap:20px;padding:20px}nav{gap:17px;font-size:11px;flex-wrap:wrap}nav .nav-pro{padding:7px 10px}.hero{grid-template-columns:1fr;padding:35px 22px;gap:30px}h1{letter-spacing:-2px}.photo{min-height:380px}.photo>img{height:420px}.floating{left:15px;right:15px}.proof{flex-wrap:wrap;font-size:11px}.cards{grid-template-columns:1fr}.section{padding:45px 22px}.section-head{display:block}.band{display:block;padding:30px}.layout,.split{grid-template-columns:1fr}.page{padding:30px 18px}.panel{padding:22px}.aside{display:none}.page-title{align-items:start;flex-wrap:wrap}.page-title h1{font-size:31px}.stats{grid-template-columns:1fr 1fr}.options{gap:8px}.option{padding:18px 12px}.option.active{padding:17px 11px}.price{font-size:36px}.timeline{flex-wrap:wrap}.timeline div{min-width:28%}.section h2{font-size:30px}footer{flex-direction:column;align-items:start}.gallery img{height:360px}.crm-tools{flex-wrap:wrap}}@media print{header,footer,.demo,.actions,.step-footer{display:none}.page{padding:0}.aside{display:none}.layout{display:block}}
/* Techelec : bleu électrique et orange, une identité dédiée. */
:root{--green:#122e55;--lime:#ffad61;--paper:#f5f7fa;--muted:#637087;--line:#dce3ed}.demo{background:#122e55;color:#e8edf7}.dot{background:#f18a3e}.hero{gap:5%;padding-top:55px}.photo>img{border-radius:18px;object-position:center}.floating{background:#122e55}.proof{background:#fff}.number{color:#e48238}.aside,.column{background:#eaf0f7}.option.active{background:#edf3fc;border-color:#3d6b9c}.progress span{background:#e88a46}.badge{background:#e4eefb;color:#335d8a}.timeline div.done{border-color:#e88a46}.brand small{color:#637087}.photo-tag{color:#122e55}.gallery img{background:#e7edf5}.band{background:#122e55}.panel .price{color:#122e55}.lead-card:hover{border-color:#7390b0;box-shadow:0 5px 15px #122e5510}.btn:hover{filter:brightness(1.08)}.brand img{max-width:100%}.gallery img{object-fit:cover}
/* Techelec : vert, anthracite et lumière naturelle. */
:root{--green:#203c31;--lime:#b6db8b;--paper:#f5f6f0;--muted:#66746a;--line:#dce3d8}.demo{background:#182b25;color:#e2ebdc}header{padding-top:13px;padding-bottom:13px}.hero{grid-template-columns:1fr 1.12fr;align-items:center;padding-top:50px}.photo{height:510px}.photo>img{object-fit:cover;border-radius:18px 100px 18px 18px;object-position:60% center}.floating,.band{background:#203c31}.floating b{color:#b6db8b}.photo-tag{color:#203c31}.dot,.progress span{background:#70a34f}.number{color:#70a34f}.aside,.column{background:#e9eee4}.option.active{background:#edf5e6;border-color:#70a34f}.badge{background:#e6f0dc;color:#4c6a37}.timeline div.done{border-color:#70a34f}.panel .price{color:#203c31}.gallery img{height:260px;object-fit:cover;background:#fff}.gallery article:last-child img{object-fit:contain}.brand{letter-spacing:0}.proof{background:#fff}.lead-card:hover{border-color:#70a34f}.stat b{color:#203c31}@media(max-width:800px){.hero{grid-template-columns:1fr}.photo{height:390px;min-height:390px}.photo>img{height:390px}.brand img{max-height:75px;object-fit:contain}header{gap:12px}.gallery img{height:270px}}