:root{--bg:#f7f9f6;--paper:#fff;--ink:#111a20;--dark:#0d171d;--dark2:#15242a;--green:#6abb36;--green2:#3f972a;--muted:#64717a;--line:#e2e8e0;--soft:#eef6ea;--shadow:0 18px 60px rgba(14,27,32,.11);--radius:22px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#071116;color:#cbd6d9;font-size:.78rem}.topbar .container{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header{height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(226,232,224,.9)}.nav{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:245px}.brand img{width:235px;height:auto}.navlinks{margin-left:auto;display:flex;align-items:center;gap:21px;font-size:.9rem;font-weight:800}.navlinks>a:not(.btn){position:relative}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green);transition:.2s}.navlinks>a:not(.btn):hover:after{right:0}.menu-btn{display:none;margin-left:auto;background:#0f1c22;color:#fff;border:0;border-radius:10px;padding:10px 13px;font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:13px 19px;font-weight:900;font-size:.9rem;cursor:pointer;transition:.2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#71c33c,#43a12e);box-shadow:0 10px 28px rgba(80,170,47,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(80,170,47,.3)}.btn-light{background:#fff;border:1px solid #ccd5d1}.btn-dark{background:#111e24;color:#fff}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 30%,#163127 0,#101c22 35%,#091218 80%);min-height:670px}.hero:before{content:"";position:absolute;inset:0 0 0 49%;background:linear-gradient(90deg,#0d171d 0,transparent 32%),url('/assets/img/collecte-parc-informatique.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;width:670px;height:670px;border:90px solid rgba(106,187,54,.26);border-radius:50%;right:-180px;top:-120px}.hero .container{position:relative;z-index:3}.hero-layout{display:grid;grid-template-columns:1.15fr .78fr;gap:50px;align-items:center;padding:70px 0 95px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#e8f6e2;color:#347e25;font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.hero .eyebrow{background:rgba(105,189,54,.16);border:1px solid rgba(133,211,83,.28);color:#bce99f}.hero h1,.page-hero h1{font-size:clamp(2.9rem,5vw,5.35rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 18px}.hero h1{max-width:760px;text-transform:uppercase;text-shadow:0 5px 28px rgba(0,0,0,.24)}.hero h1 strong{color:#79c843}.hero .lead{font-size:1.08rem;max-width:670px;color:#e0e8ea}.hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;margin:28px 0}.hero-check{display:flex;gap:9px;align-items:flex-start;font-size:.91rem;font-weight:750}.tick{width:23px;height:23px;min-width:23px;border-radius:50%;display:grid;place-items:center;background:#70bf3b;color:#fff;font-size:.75rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.micro{font-size:.79rem;color:var(--muted)}.hero .micro{color:#b8c6ca}.hero-form{background:rgba(13,24,29,.93);border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 90px rgba(0,0,0,.38);border-radius:24px;padding:27px;backdrop-filter:blur(15px);transform:translateY(40px)}.hero-form h2{margin:0 0 3px;color:#fff;font-size:1.45rem}.hero-form>p{margin:0 0 18px;color:#bfcacc;font-size:.87rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-form input,.hero-form select,.hero-form textarea,.form input,.form select,.form textarea{width:100%;font:inherit;border-radius:10px;border:1px solid #ccd6d2;padding:12px 13px;background:#fff;color:#172229}.hero-form textarea{min-height:90px;resize:vertical}.hero-form .wide{grid-column:1/-1}.consent{font-size:.75rem;color:#c8d1d3;display:flex;gap:8px;align-items:flex-start;margin:11px 0}.consent input{width:auto;margin-top:4px}.proof-wrap{position:relative;z-index:5;margin-top:-42px}.proofbar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e3e8df;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.proof{display:flex;gap:13px;align-items:center;padding:24px;border-right:1px solid var(--line)}.proof:last-child{border-right:0}.proof-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-size:1.15rem;font-weight:950}.proof strong{display:block;font-size:.85rem;text-transform:uppercase;line-height:1.25}.proof small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.section{padding:84px 0}.section.soft{background:#f6f8f5}.section.dark{background:#0e191f;color:#fff}.section h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 14px}.section-intro{max-width:760px;color:var(--muted);font-size:1.03rem}.section.dark .section-intro{color:#b9c7ca}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:36px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(14,27,32,.055)}.service{padding:27px;transition:.2s}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c9dec0}.service .icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--soft);font-size:1.3rem;color:var(--green2);font-weight:950}.service h3{margin:18px 0 8px;font-size:1.16rem}.service p{color:var(--muted);font-size:.93rem}.service a{color:var(--green2);font-weight:900;font-size:.88rem}.process{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.process-step{position:relative;padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}.process-step:before{counter-increment:steps;content:"0" counter(steps);display:inline-block;color:var(--green2);font-size:.76rem;font-weight:950;letter-spacing:.08em}.process-step h3{margin:10px 0 7px}.process-step p{margin:0;color:var(--muted);font-size:.9rem}.data-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;margin-top:35px}.data-visual{background:linear-gradient(145deg,#10231b,#0e171c);min-height:420px;border-radius:30px;padding:34px;position:relative;overflow:hidden}.data-visual:before{content:"";position:absolute;right:-100px;bottom:-120px;width:380px;height:380px;border:65px solid rgba(113,195,60,.17);border-radius:50%}.shield{width:105px;height:120px;margin:55px auto 20px;clip-path:polygon(50% 0,92% 15%,88% 62%,50% 100%,12% 62%,8% 15%);background:linear-gradient(145deg,#86d14d,#48a32d);display:grid;place-items:center;color:#fff;font-size:2.5rem;box-shadow:0 25px 70px rgba(86,176,49,.3)}.data-visual h3,.data-visual p{text-align:center;color:#fff;position:relative}.data-visual p{color:#bcd0c7}.feature-list{display:grid;gap:15px}.feature{display:flex;gap:14px;padding:17px;border-bottom:1px solid var(--line)}.feature-mark{width:36px;height:36px;min-width:36px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--green2);font-weight:950}.feature strong{display:block}.feature span{color:var(--muted);font-size:.9rem}.coverage{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.france-card{background:linear-gradient(160deg,#eaf6e5,#fff);border:1px solid #dbead5;border-radius:30px;padding:35px;min-height:380px;display:grid;place-items:center;text-align:center}.france-mark{font-size:8rem;line-height:1;filter:grayscale(1);opacity:.12}.city-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.city-pills a{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:.83rem}.city-pills a:hover{border-color:#9ac989;background:#f3faef}.cta{border-radius:30px;padding:46px;background:linear-gradient(120deg,#0b171c,#173126);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 26px 70px rgba(14,27,32,.18)}.cta h2{color:#fff;margin:0 0 8px}.cta p{margin:0;color:#c4d2cf}.footer{background:#081116;color:#c2ced0;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:35px}.footer-logo{width:230px;filter:brightness(0) invert(1);opacity:.95}.footer h4{margin:0 0 14px;color:#fff}.footer a{display:block;margin:8px 0;font-size:.89rem}.footer-bottom{margin-top:35px;border-top:1px solid #263238;padding-top:22px;font-size:.79rem}.page-hero{background:linear-gradient(145deg,#f0f8ec,#fff);padding:68px 0}.page-hero h1{font-size:clamp(2.8rem,5vw,4.7rem);max-width:900px}.breadcrumbs{font-size:.83rem;color:var(--muted);margin-bottom:18px}.lead{font-size:1.08rem;color:var(--muted);max-width:780px}.content{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:42px;align-items:start}.content article h2{font-size:2rem;letter-spacing:-.035em;margin-top:38px}.content article h3{font-size:1.28rem;margin-top:28px}.content article p,.content article li{color:#46535e}.sidebar{position:sticky;top:105px;padding:24px}.form{display:grid;gap:13px}.form label{font-size:.88rem;font-weight:800}.form textarea{min-height:130px}.notice{font-size:.8rem;color:var(--muted)}.badge-row,.cities{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.badge,.cities a{background:#f4f7f4;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.83rem;font-weight:800}.local-box,.example{padding:25px;margin:28px 0;border-radius:20px}.local-box{background:#f6fdf3;border:1px solid #d7ebce}.example{background:#101c22;color:#fff}.example p,.example li{color:#d4dedf!important}.kpis,.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.kpi{padding:18px;border:1px solid var(--line);border-radius:16px}.kpi strong{display:block;color:var(--green2);font-size:1.25rem}.faq details,.faq-local details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary,.faq-local summary{font-weight:850;cursor:pointer}.seo-links,.intent-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.seo-links a,.intent-card,.guide-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:780}.guide-card{display:block;padding:23px}.guide-card .tag{font-size:.72rem;color:var(--green2);text-transform:uppercase;font-weight:950}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:8px 0 8px 28px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green2);font-weight:950}.timeline{border-left:3px solid #d8ead1;padding-left:24px}.timeline-item{padding:0 0 23px 13px;position:relative}.timeline-item:before{content:"";position:absolute;left:-33px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--green)}.cta-box{padding:28px;border-radius:20px;background:#10201a;color:#fff;margin:30px 0}.cta-box p{color:#cbd7d4!important}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.navlinks{gap:13px;font-size:.82rem}.navlinks a:nth-child(6),.navlinks a:nth-child(7){display:none}.hero:before{inset:0;opacity:.22;background:url('/assets/img/collecte-parc-informatique.jpg') center/cover no-repeat}.hero-layout{grid-template-columns:1fr}.hero-form{max-width:650px;transform:none}.proofbar{grid-template-columns:1fr 1fr}.proof:nth-child(2){border-right:0}.data-panel,.coverage{grid-template-columns:1fr}.grid-4,.process{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.09);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a:nth-child(6),.navlinks a:nth-child(7){display:block}.menu-btn{display:block}.brand{min-width:0}.brand img{width:205px}.grid-3,.seo-links,.intent-cards{grid-template-columns:1fr 1fr}.content{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto}.proof-wrap{margin-top:-25px}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.topbar .container{justify-content:center}.topbar span:last-child{display:none}.header{height:72px}.navlinks{top:72px}.brand img{width:185px}.hero-layout{padding:48px 0 66px}.hero h1{font-size:2.72rem}.hero-checks,.form-grid,.proofbar,.grid-3,.grid-4,.process,.seo-links,.intent-cards,.kpis,.proof-grid,.footer-grid{grid-template-columns:1fr}.proof{border-right:0;border-bottom:1px solid var(--line)}.proof:last-child{border-bottom:0}.section{padding:62px 0}.cta{padding:30px;align-items:flex-start;flex-direction:column}.hero-form{padding:20px}.data-visual{min-height:340px}}


/* === Conversion 10/10 === */
.conversion-zone{padding:72px 0;background:linear-gradient(135deg,#091419 0%,#10231b 55%,#173428 100%);color:#fff;position:relative;overflow:hidden}
.conversion-zone:before{content:"";position:absolute;width:560px;height:560px;border:110px solid rgba(106,187,54,.09);border-radius:50%;right:-250px;top:-250px;pointer-events:none}
.conversion-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:58px;align-items:center;position:relative;z-index:1}
.conversion-copy h2{font-size:clamp(2.35rem,4vw,4.1rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0 18px;max-width:760px}
.conversion-lead{font-size:1.08rem;color:#d6e1de;max-width:710px;margin:0 0 28px}.conversion-lead strong{color:#fff}
.conversion-points{display:grid;gap:14px;margin:28px 0}.conversion-points>div{display:flex;gap:14px;align-items:flex-start}.conversion-points>div>span{width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#091419;font-weight:950}.conversion-points p{margin:0}.conversion-points strong{display:block;color:#fff}.conversion-points small{display:block;color:#aebfba;margin-top:2px;font-size:.88rem}
.conversion-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.conversion-trust b{font-size:.78rem;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#eaf2ef}
.conversion-note{font-size:.78rem;color:#92a5a0;margin-top:18px;max-width:720px}
.conversion-form-card{background:#fff;color:var(--ink);border-radius:25px;padding:25px;box-shadow:0 35px 95px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.35)}
.form-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.form-badge{width:68px;height:68px;min-width:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#79ca3e,#4a9d2d);color:#fff;font-size:1.45rem;font-weight:950;box-shadow:0 10px 28px rgba(92,175,49,.25)}.form-head h3{font-size:1.5rem;margin:0;letter-spacing:-.03em}.form-head p{margin:2px 0 0;color:var(--muted);font-size:.88rem}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cf-grid label{display:block}.cf-grid label.wide{grid-column:1/-1}.cf-grid label>span{font-size:.73rem;font-weight:900;display:block;margin:0 0 5px;color:#44515a}.cf-grid label em{font-weight:500;color:#8a959c}.cf-grid input,.cf-grid select,.cf-grid textarea{width:100%;border:1px solid #d7dedb;background:#f9fbf9;border-radius:10px;padding:11px 12px;font:inherit;font-size:.9rem;color:#182329;outline:none}.cf-grid input:focus,.cf-grid select:focus,.cf-grid textarea:focus{border-color:#75b95a;box-shadow:0 0 0 3px rgba(106,187,54,.11);background:#fff}.cf-grid textarea{min-height:78px;resize:vertical}
.cf-consent{display:flex;gap:8px;align-items:flex-start;margin:11px 0;font-size:.74rem;color:#627078}.cf-consent input{margin-top:3px}.conversion-submit{width:100%;border:0;border-radius:11px;padding:15px 16px;background:linear-gradient(135deg,#72c33b,#4b9d2e);color:#fff;font-weight:950;font-size:.93rem;cursor:pointer;box-shadow:0 10px 25px rgba(77,157,46,.24);transition:.2s}.conversion-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(77,157,46,.32)}.conversion-submit span{float:right;font-size:1.15rem}.form-reassurance{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:11px 0 0;color:#65716f;font-size:.69rem;font-weight:800}.form-email{text-align:center;font-size:.75rem;color:#6b777e;margin:10px 0 0}.form-email a{color:var(--green2);font-weight:900}
.mobile-collect-cta{display:none}
body{padding-bottom:0}
@media(max-width:980px){.conversion-grid{grid-template-columns:1fr;gap:32px}.conversion-form-card{max-width:680px;width:100%}.conversion-copy h2{max-width:820px}}
@media(max-width:620px){body{padding-bottom:72px}.conversion-zone{padding:54px 0}.conversion-copy h2{font-size:2.35rem}.conversion-lead{font-size:1rem}.conversion-form-card{padding:18px;border-radius:20px}.cf-grid{grid-template-columns:1fr}.cf-grid label.wide{grid-column:auto}.form-head{align-items:flex-start}.form-badge{width:58px;height:58px;min-width:58px;font-size:1.2rem}.form-head h3{font-size:1.3rem}.conversion-trust b{font-size:.72rem}.mobile-collect-cta{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:9999;background:linear-gradient(135deg,#72c33b,#4a9d2e);color:#fff;padding:13px 16px;border-radius:14px;align-items:center;justify-content:space-between;box-shadow:0 12px 35px rgba(0,0,0,.28);font-size:.91rem}.mobile-collect-cta b{background:#fff;color:#367c23;border-radius:8px;padding:4px 7px;margin-right:6px}.mobile-collect-cta strong{font-size:1.35rem}}


/* =========================================================
   PARCINFORMATIQUE.FR — THEME CONVERSION / ANIMATIONS
   ========================================================= */
:root{
  --bg:#f4f8fb;--paper:#ffffff;--ink:#0b1e2b;--dark:#071722;--dark2:#0d2a3b;
  --green:#18c6cf;--green2:#0c9ea8;--muted:#60717e;--line:#dce7ed;--soft:#eef8fa;
  --accent:#ff8a42;--mint:#4be1a8;--shadow:0 22px 70px rgba(5,31,48,.13);
}
body{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);color:var(--ink)}
.topbar{background:#06131e;color:#cfe2ec;border-bottom:1px solid rgba(255,255,255,.07)}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);transition:box-shadow .25s,transform .25s}
.header.scrolled{box-shadow:0 14px 42px rgba(5,31,48,.12)}
.btn-primary,.conversion-submit,.mobile-collect-cta{
  background:linear-gradient(135deg,#11bfc9 0%,#16b9ac 55%,#4bdc9e 100%)!important;
  color:#061923!important;box-shadow:0 14px 34px rgba(17,191,201,.24)!important;
}
.btn-primary:hover,.conversion-submit:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 18px 42px rgba(17,191,201,.34)!important}
.btn-dark{background:#0a2130;color:#fff}
.eyebrow{color:#079ba6;letter-spacing:.08em}
.hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(24,198,207,.23),transparent 28%),
    radial-gradient(circle at 92% 78%,rgba(255,138,66,.16),transparent 24%),
    linear-gradient(132deg,#071722 0%,#0a2839 54%,#0c3445 100%);
  color:#fff;overflow:hidden;position:relative
}
.hero:after{
  content:"";position:absolute;right:-120px;top:-160px;width:560px;height:560px;border-radius:50%;
  border:1px solid rgba(75,225,168,.18);box-shadow:0 0 0 50px rgba(24,198,207,.045),0 0 0 110px rgba(24,198,207,.03);
  animation:orbit 9s ease-in-out infinite alternate;pointer-events:none
}
.hero h1{color:#fff;max-width:900px}
.hero h1 strong{color:#56f0b4;text-shadow:0 0 28px rgba(75,225,168,.17)}
.hero .lead{color:#d0e0e7}
.hero-check .tick{background:linear-gradient(135deg,#18c6cf,#4be1a8);color:#06212c;box-shadow:0 8px 22px rgba(24,198,207,.22)}
.hero-form,.conversion-form-card{
  border:1px solid rgba(24,198,207,.22);box-shadow:0 30px 90px rgba(0,0,0,.24);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .18s ease,box-shadow .22s ease
}
.hero-form{position:relative;overflow:hidden}
.hero-form:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#18c6cf,#4be1a8,#ff8a42);background-size:180% 100%;animation:flow 4s linear infinite}
.proof-wrap{position:relative;z-index:5}
.proofbar{box-shadow:0 24px 70px rgba(7,36,52,.12)}
.proof-icon{background:#e9faf9!important;color:#078e98!important}
.card{
  border-color:#dceaf0;box-shadow:0 10px 36px rgba(9,45,65,.055);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .18s ease,box-shadow .3s ease,border-color .3s ease
}
.card:hover{border-color:#9adfe3;box-shadow:0 22px 52px rgba(9,45,65,.12)}
.service .icon{background:linear-gradient(135deg,#e8fbfc,#ecfff6);color:#0899a3}
.soft{background:linear-gradient(180deg,#f1f8fb 0%,#f8fcfd 100%)}
.dark{background:linear-gradient(135deg,#071722,#0b2c3d);color:#fff}
.data-panel{background:linear-gradient(135deg,#071a26,#0d3444)}
.data-visual{background:radial-gradient(circle at 50% 30%,rgba(24,198,207,.18),transparent 36%),linear-gradient(145deg,#082130,#0b3142)}
.shield{background:linear-gradient(135deg,#18c6cf,#4be1a8)!important;color:#06202b!important;box-shadow:0 0 0 12px rgba(24,198,207,.08)}
.page-hero{
  background:
    radial-gradient(circle at 83% 35%,rgba(24,198,207,.18),transparent 25%),
    linear-gradient(145deg,#edfafd,#fff 65%);
  position:relative;overflow:hidden
}
.page-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(24,198,207,.16);border-radius:50%;right:-80px;top:-110px}
.local-box{background:#eefcfc;border-color:#c8ebed}
.example{background:linear-gradient(135deg,#071722,#0d3041)}
.kpi strong,.guide-card .tag{color:#079ba6}
.timeline{border-left-color:#c6ecee}.timeline-item:before{background:#16c2c8;box-shadow:0 0 0 5px #e7fafa}
.cta-box{background:linear-gradient(135deg,#082130,#0d3546)}
.conversion-zone{
  background:
    radial-gradient(circle at 12% 10%,rgba(24,198,207,.16),transparent 25%),
    radial-gradient(circle at 90% 90%,rgba(255,138,66,.11),transparent 22%),
    linear-gradient(135deg,#06131e 0%,#092536 56%,#0b3141 100%)
}
.conversion-zone:before{border-color:rgba(24,198,207,.075)}
.form-badge{background:linear-gradient(135deg,#18c6cf,#4be1a8);color:#06202b;animation:pulseBadge 2.8s ease-in-out infinite}
.cf-grid input:focus,.cf-grid select:focus,.cf-grid textarea:focus{border-color:#18b8c1;box-shadow:0 0 0 3px rgba(24,198,207,.13)}
.form-email a,.js-email{color:#079ba6;font-weight:900}
.footer{background:#05121c}
.footer-logo{filter:brightness(0) invert(1);opacity:.96}
.footer-bottom a{display:inline;color:#ccebf0;font-weight:800}
.mobile-collect-cta b{color:#087d84!important}
.legal-intro{padding:22px;border-radius:18px;background:#effafb;border:1px solid #c8ecee;margin-bottom:28px}
.reveal{opacity:0;transform:translateY(22px) scale(.99);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.reveal.visible{opacity:1;transform:none}
.process-step:nth-child(2){transition-delay:.07s}.process-step:nth-child(3){transition-delay:.14s}.process-step:nth-child(4){transition-delay:.21s}
.proof:nth-child(2){transition-delay:.05s}.proof:nth-child(3){transition-delay:.1s}.proof:nth-child(4){transition-delay:.15s}
@keyframes flow{0%{background-position:0 0}100%{background-position:180% 0}}
@keyframes orbit{0%{transform:translate3d(0,0,0) scale(.96)}100%{transform:translate3d(-30px,24px,0) scale(1.05)}}
@keyframes pulseBadge{0%,100%{box-shadow:0 10px 28px rgba(24,198,207,.18)}50%{box-shadow:0 10px 38px rgba(75,225,168,.38)}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* LOGO + PROMESSE PRINCIPALE — V2 */
.header .brand{
  display:flex!important;
  align-items:center!important;
  min-width:320px!important;
}
.header .brand img{
  width:310px!important;
  max-width:310px!important;
  height:auto!important;
  display:block!important;
}
.footer-logo{
  width:300px!important;
  max-width:100%!important;
}
.hero-free-line{
  display:inline-block;
  margin:10px 0 22px;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#18c6cf,#4be1a8);
  color:#061923;
  font-size:1.08rem;
  font-weight:900;
  box-shadow:0 12px 28px rgba(24,198,207,.24);
}
.conversion-note{
  color:#d9eef3!important;
  font-weight:700;
}
.form-badge{
  min-width:94px!important;
  font-size:.95rem!important;
}
@media(max-width:1100px){
  .header .brand{min-width:240px!important}
  .header .brand img{width:240px!important}
}
@media(max-width:760px){
  .header .brand{min-width:auto!important}
  .header .brand img{width:210px!important}
  .footer-logo{width:240px!important}
  .hero-free-line{font-size:.98rem}
}


/* =========================================================
   CORRECTIONS FINALES PARCINFORMATIQUE.FR
   ========================================================= */

/* Hero : nouvelle photo générique de recyclage électronique */
.hero:before{
  background:
    linear-gradient(90deg,#071722 0%,rgba(7,23,34,.78) 13%,rgba(7,23,34,.22) 37%,rgba(7,23,34,0) 58%),
    url('/assets/img/collecte-parc-informatique.jpg') center center/cover no-repeat!important;
  filter:saturate(.96) contrast(1.02);
}

/* Bouton vers la sécurité des données : texte toujours parfaitement visible */
.btn-data{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:12px;
  padding:13px 19px;
  font-weight:950;
  font-size:.9rem;
  cursor:pointer;
  background:#ffffff!important;
  color:#071e2c!important;
  border:2px solid rgba(24,198,207,.75)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.btn-data:hover{
  background:#eafcfd!important;
  color:#061923!important;
  transform:translateY(-3px);
  box-shadow:0 17px 38px rgba(0,0,0,.22)!important;
}

/* Footer : logo original en couleurs, placé sur fond clair pour rester lisible */
.footer-logo{
  width:300px!important;
  max-width:100%!important;
  filter:none!important;
  opacity:1!important;
  background:#ffffff;
  padding:11px 15px;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

/* Promesse gratuite : aucune impression de condition tarifaire */
.hero .micro{
  color:#d8edf1!important;
  font-weight:800;
}
.proof-icon{
  font-size:.85rem!important;
}

@media(max-width:1100px){
  .hero:before{
    inset:0!important;
    opacity:.26!important;
    background:url('/assets/img/collecte-parc-informatique.jpg') center/cover no-repeat!important;
  }
}
@media(max-width:760px){
  .footer-logo{width:250px!important}
  .btn-data{width:100%}
}


/* =========================================================
   BROKERINFO.FR — THEME MAQUETTE CONVERSION
   ========================================================= */
:root{
  --bg:#f7fafc;--paper:#fff;--ink:#071a2a;--dark:#061523;--dark2:#0a2638;
  --green:#16c7cf;--green2:#10adb7;--mint:#73dc52;--accent:#72dc52;
  --muted:#667682;--line:#dce8ee;--soft:#eef8fb;--shadow:0 24px 70px rgba(4,24,39,.14);
}
body{background:#f7fafc;color:var(--ink)}
.header{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(4,24,39,.06)}
.header .brand{min-width:300px}
.header .brand img{width:300px;max-width:300px;height:auto}
.topbar{background:#061523;color:#d7e9ef}
.navlinks a{font-weight:850}
.btn-primary,.conversion-submit,.mobile-collect-cta{
  background:linear-gradient(135deg,#16c7cf,#18bbb1 55%,#73dc52)!important;
  color:#061523!important;border:0!important;
  box-shadow:0 15px 34px rgba(22,199,207,.26)!important;
}
.btn-primary:hover,.conversion-submit:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(22,199,207,.34)!important}

.hero{
  background:
    linear-gradient(90deg,#061523 0%,#071a2a 44%,rgba(7,26,42,.80) 61%,rgba(7,26,42,.18) 100%);
  color:#fff;position:relative;overflow:hidden;
}
.hero:before{
  background:
    linear-gradient(90deg,#061523 0%,rgba(6,21,35,.82) 18%,rgba(6,21,35,.20) 46%,rgba(6,21,35,0) 72%),
    url('/assets/img/collecte-brokerinfo.jpg') center right/cover no-repeat!important;
}
.hero:after{
  content:"";position:absolute;inset:auto 0 0 0;height:6px;
  background:linear-gradient(90deg,#16c7cf,#73dc52,#16c7cf);
  background-size:200% 100%;animation:brokerflow 6s linear infinite
}
.hero h1{color:#fff;letter-spacing:-.035em}
.hero h1 strong{color:#72dc52;text-shadow:0 0 30px rgba(114,220,82,.16)}
.hero .lead{color:#d4e7ee}
.hero-free-line{
  background:linear-gradient(135deg,#18c7cf,#73dc52)!important;
  color:#061523!important;font-weight:950!important;
}
.hero-check .tick{background:linear-gradient(135deg,#16c7cf,#73dc52);color:#061523}
.hero-form,.conversion-form-card{
  background:rgba(5,20,32,.95)!important;border:1px solid rgba(22,199,207,.55)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.30)!important
}
.hero-form:before,.conversion-form-card:before{
  background:linear-gradient(90deg,#16c7cf,#73dc52,#16c7cf)!important
}
.form-badge{background:linear-gradient(135deg,#16c7cf,#73dc52)!important;color:#061523!important}
.cf-grid input:focus,.cf-grid select:focus,.cf-grid textarea:focus{border-color:#16c7cf!important;box-shadow:0 0 0 3px rgba(22,199,207,.12)!important}
.proof-icon,.service .icon{background:#eafcfc!important;color:#0d9ea6!important}
.card{border-color:#dce8ee;box-shadow:0 10px 32px rgba(4,24,39,.06)}
.card:hover{border-color:#95e4e8;box-shadow:0 22px 52px rgba(4,24,39,.13)}
.soft{background:linear-gradient(180deg,#f4fafc,#ffffff)}
.dark,.example,.cta-box{background:linear-gradient(135deg,#061523,#0b2a3e)!important}
.conversion-zone{
  background:
    radial-gradient(circle at 10% 0,rgba(22,199,207,.16),transparent 24%),
    radial-gradient(circle at 88% 100%,rgba(114,220,82,.12),transparent 25%),
    linear-gradient(135deg,#061523,#09293c 60%,#0a3044)!important
}
.page-hero{
  background:
    radial-gradient(circle at 82% 30%,rgba(22,199,207,.16),transparent 26%),
    linear-gradient(145deg,#eefafb,#fff 65%)!important
}
.btn-data{
  background:#fff!important;color:#061523!important;
  border:2px solid #16c7cf!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.btn-data:hover{background:#edffff!important;color:#061523!important}
.footer{background:#061523!important}
.footer-logo{
  filter:none!important;opacity:1!important;background:#fff!important;
  padding:12px 16px;border-radius:14px;width:300px!important
}
.footer-bottom a{color:#8ee8ee!important}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.reveal.visible{opacity:1;transform:none}
@keyframes brokerflow{0%{background-position:0 0}100%{background-position:200% 0}}
@media(max-width:1100px){
  .header .brand{min-width:240px}.header .brand img{width:240px}
  .hero:before{opacity:.27!important;background:url('/assets/img/collecte-brokerinfo.jpg') center/cover no-repeat!important}
}
@media(max-width:760px){
  .header .brand{min-width:auto}.header .brand img{width:210px}
  .footer-logo{width:240px!important}
}


/* =========================================================
   BROKERINFO.FR — REDESIGN INDUSTRIEL / EDITORIAL
   ========================================================= */
:root{
  --bg:#f3f0ea;
  --paper:#ffffff;
  --ink:#101a2b;
  --dark:#101a2b;
  --dark2:#17243a;
  --blue:#2457ff;
  --orange:#ff8d3b;
  --muted:#6f7b8e;
  --line:#dfe3e8;
  --soft:#f6f3ed;
  --shadow:0 24px 60px rgba(16,26,43,.11);
}
html{scroll-behavior:smooth}
body{
  background:var(--bg)!important;
  color:var(--ink)!important;
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.topbar{
  background:#101a2b!important;
  color:#f3f6fb!important;
  border-bottom:none!important;
}
.header{
  background:#fff!important;
  box-shadow:none!important;
  border-bottom:1px solid #e7e9ec!important;
  backdrop-filter:none!important;
}
.header.scrolled{box-shadow:0 10px 34px rgba(16,26,43,.08)!important}
.header .brand{min-width:315px!important}
.header .brand img{width:315px!important;max-width:315px!important}
.navlinks a{color:#101a2b!important;font-weight:850!important}
.navlinks a:hover{color:#2457ff!important}
.btn-primary,.conversion-submit,.mobile-collect-cta{
  background:#2457ff!important;
  color:#fff!important;
  border:2px solid #2457ff!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
.btn-primary:hover,.conversion-submit:hover{
  background:#163fe0!important;
  border-color:#163fe0!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(36,87,255,.20)!important;
}

/* HERO: editorial split, no neon/glass look */
.hero{
  background:#f3f0ea!important;
  color:#101a2b!important;
  position:relative;
  overflow:hidden;
  padding-top:34px!important;
}
.hero:before{
  content:""!important;
  position:absolute!important;
  right:0!important;top:0!important;bottom:0!important;
  width:48%!important;
  background:
    linear-gradient(180deg,rgba(16,26,43,.02),rgba(16,26,43,.12)),
    url('/assets/img/collecte-brokerinfo.jpg') center/cover no-repeat!important;
  opacity:1!important;
  filter:none!important;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
}
.hero:after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border:26px solid #ff8d3b;
  border-radius:50%;
  left:-80px;bottom:-95px;
  opacity:.95;
  animation:none!important;
}
.hero .container{position:relative;z-index:2}
.hero h1{
  color:#101a2b!important;
  max-width:720px!important;
  font-size:clamp(3rem,6vw,6.2rem)!important;
  line-height:.93!important;
  letter-spacing:-.055em!important;
}
.hero h1 strong{
  color:#2457ff!important;
  text-shadow:none!important;
}
.hero .lead{color:#4f5d70!important;max-width:720px!important;font-size:1.1rem!important}
.hero-free-line{
  background:#101a2b!important;
  color:#fff!important;
  border-radius:6px!important;
  box-shadow:none!important;
  padding:11px 16px!important;
  font-size:.95rem!important;
}
.hero-check .tick{
  background:#ff8d3b!important;color:#fff!important;
  box-shadow:none!important;
}
.hero-form{
  background:#fff!important;
  color:#101a2b!important;
  border:1px solid #dcdfe4!important;
  border-radius:12px!important;
  box-shadow:0 24px 60px rgba(16,26,43,.18)!important;
}
.hero-form:before{
  background:linear-gradient(90deg,#2457ff 0 72%,#ff8d3b 72% 100%)!important;
  height:6px!important;
}
.hero-form h3,.hero-form p{color:#101a2b!important}
.hero-form .field input,.hero-form .field select,.hero-form .field textarea{
  background:#f7f7f7!important;
  border:1px solid #d8dce2!important;
  color:#101a2b!important;
  border-radius:7px!important;
}

/* Proof/feature systems become crisp and editorial */
.proof-wrap{margin-top:28px!important}
.proofbar{
  background:#fff!important;
  border:1px solid #dedfe3!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.proof{border-right:1px solid #eceef1!important}
.proof-icon{
  background:#f2f4ff!important;
  color:#2457ff!important;
  border-radius:10px!important;
}
.section{padding-top:78px!important;padding-bottom:78px!important}
.soft{background:#ebe7df!important}
.dark{
  background:#101a2b!important;
  color:#fff!important;
}
.card{
  border-radius:10px!important;
  border:1px solid #dedfe3!important;
  box-shadow:none!important;
  background:#fff!important;
}
.card:hover{
  border-color:#2457ff!important;
  box-shadow:0 14px 34px rgba(16,26,43,.08)!important;
  transform:translateY(-4px)!important;
}
.service .icon{
  background:#101a2b!important;
  color:#fff!important;
  border-radius:8px!important;
}
.eyebrow{
  color:#2457ff!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.page-hero{
  background:#ebe7df!important;
  border-bottom:1px solid #ded9cf!important;
}
.page-hero:after{
  border:22px solid rgba(255,141,59,.55)!important;
  width:190px!important;height:190px!important;
  right:-55px!important;top:-75px!important;
  background:transparent!important;
}
.local-box{
  background:#fff7ef!important;
  border-color:#ffd2ae!important;
}
.example,.cta-box{
  background:#101a2b!important;
  border-radius:10px!important;
}
.timeline{border-left-color:#cfd5dd!important}
.timeline-item:before{
  background:#ff8d3b!important;
  box-shadow:0 0 0 5px #fff0e6!important;
}
.kpi strong,.guide-card .tag{color:#2457ff!important}

/* Conversion area: split white/orange instead of teal */
.conversion-zone{
  background:
    linear-gradient(115deg,#101a2b 0 58%,#ff8d3b 58% 100%)!important;
}
.conversion-zone:before{display:none!important}
.conversion-copy h2,.conversion-copy p,.conversion-copy strong{color:#fff!important}
.conversion-points span{
  background:#ff8d3b!important;color:#101a2b!important;
}
.conversion-trust b{background:rgba(255,255,255,.09)!important}
.conversion-form-card{
  background:#fff!important;
  color:#101a2b!important;
  border:none!important;
  border-radius:12px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.28)!important;
}
.conversion-form-card:before{
  background:linear-gradient(90deg,#2457ff 0 76%,#ff8d3b 76% 100%)!important
}
.form-badge{
  background:#ff8d3b!important;
  color:#101a2b!important;
  border-radius:6px!important;
}
.form-head h3,.form-head p,.cf-grid span,.cf-consent span,.form-reassurance span{color:#101a2b!important}
.cf-grid input,.cf-grid select,.cf-grid textarea{
  background:#f6f7f9!important;
  border:1px solid #dfe2e6!important;
  color:#101a2b!important;
  border-radius:7px!important;
}
.cf-grid input:focus,.cf-grid select:focus,.cf-grid textarea:focus{
  border-color:#2457ff!important;
  box-shadow:0 0 0 3px rgba(36,87,255,.10)!important;
}
.form-email a,.js-email{color:#2457ff!important}

/* Footer: understated, white logo block */
.footer{
  background:#0d1625!important;
  border-top:6px solid #ff8d3b!important;
}
.footer-logo{
  width:305px!important;
  background:#fff!important;
  padding:12px 14px!important;
  border-radius:8px!important;
  filter:none!important;
  box-shadow:none!important;
}
.footer h4{color:#fff!important}
.footer a{color:#d7deea!important}
.footer a:hover{color:#ffb47d!important}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.11)!important;
  color:#aeb9c8!important;
}
.footer-bottom a{color:#fff!important}

/* Motion: different style */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}
.card,.hero-form,.conversion-form-card{
  transform:none!important;
}
.card:hover{transform:translateY(-4px)!important}
@media(max-width:1100px){
  .header .brand{min-width:245px!important}.header .brand img{width:245px!important}
  .hero:before{width:100%!important;opacity:.14!important;clip-path:none!important}
}
@media(max-width:760px){
  .header .brand{min-width:auto!important}.header .brand img{width:215px!important}
  .hero h1{font-size:3.2rem!important}
  .conversion-zone{background:#101a2b!important}
  .footer-logo{width:245px!important}
}