/*
Theme Name: Mon Expert Copro - Landing
Theme URI: https://monexpertcopro.fr/
Description: Landing page Mon Expert Copro orientée conversion, avec identité bleu marine, orange, vert et caméléon.
Version: 3.0
Author: Mon Expert Copro
*/
:root{--navy:#062a56;--navy2:#0b3d73;--orange:#f47712;--orange2:#ff9b43;--green:#5f9f4d;--green2:#eaf6e7;--ink:#10233e;--muted:#526174;--cream:#fffaf5;--line:#e3e8ef;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy);color:#fff;font-weight:800;padding:10px 0;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar strong{color:#ff9b43}.top-contact{opacity:.9}.nav{background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.navin{min-height:84px;display:flex;align-items:center;gap:24px}.brand{width:305px;max-width:29vw;height:auto;display:block}.menu{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:13px;font-weight:900;color:var(--navy)}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--orange);transition:.25s}.menu a:hover{color:var(--orange)}.menu a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:999px;padding:13px 20px;font-weight:900;box-shadow:0 10px 24px #f477122b;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #f4771240;background:#e96d08}.btn.outline{background:#fff;color:var(--navy);border:2px solid var(--navy);box-shadow:none}.btn.white{background:#fff;color:var(--navy);box-shadow:none}.btn.outline-white{background:transparent;color:#fff;border:2px solid #fff;box-shadow:none}
.hero{position:relative;background:radial-gradient(circle at 92% 20%,#ffe0c3 0,transparent 27%),linear-gradient(135deg,#fffdfb 0%,#f4f9fd 62%,#fff3e6 100%);padding:46px 0 58px;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7;pointer-events:none}.glow-a{width:240px;height:240px;background:#dff0d8;right:-60px;bottom:-80px}.glow-b{width:170px;height:170px;background:#ffd7b8;left:-50px;top:-50px}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:46px;align-items:center;position:relative}.hero-art{display:flex;justify-content:center;align-items:center;position:relative}.hero-art:before{content:"";position:absolute;width:92%;aspect-ratio:1;border:3px solid var(--navy);border-right-color:var(--orange);border-radius:50%;z-index:0;opacity:.95}.hero-art img{width:min(100%,560px);height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 22px 30px rgba(6,42,86,.18));border-radius:50%}.art-badge{position:absolute;z-index:2;left:2%;bottom:2%;background:var(--orange);color:#fff;border-radius:18px;padding:13px 18px;font-size:15px;font-weight:900;line-height:1.1;box-shadow:0 12px 28px #f4771238}.art-badge span{font-size:11px;letter-spacing:.4px}.hero-copy{padding:8px 0}.eyebrow,.section-kicker{color:var(--orange);font-weight:900;font-size:13px;letter-spacing:1.1px}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.02;color:var(--navy);margin:12px 0 18px;letter-spacing:-1.6px}.hero h1 span{color:var(--green)}.hero-lead{font-size:18px;color:var(--muted);max-width:690px;margin:0 0 24px}.hero-lead strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:19px;font-size:13px;font-weight:800;color:var(--navy)}.hero-slogan{display:inline-block;margin-top:20px;padding:10px 15px;border-left:4px solid var(--orange);background:#fff;border-radius:0 12px 12px 0;color:var(--navy);font-family:"Brush Script MT","Segoe Script",cursive;font-size:25px}.hero-slogan strong{color:var(--orange);font-weight:500}
.section{padding:76px 0}.section h2,.situation h2{color:var(--navy);font-size:clamp(30px,3.5vw,44px);line-height:1.12;margin:7px 0 13px;letter-spacing:-.8px}.intro{max-width:790px;color:var(--muted);font-size:17px;margin:0 auto 34px}.situation{text-align:center;padding:72px 0 54px;background:#fff}.situation h2{margin-bottom:9px}.situation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left;margin-top:30px}.situation-grid article{background:linear-gradient(145deg,#fff,#f8fbfe);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 10px 25px rgba(6,42,86,.06);transition:transform .25s,box-shadow .25s}.situation-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(6,42,86,.1)}.sicon{width:48px;height:48px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:14px}.situation-grid article:nth-child(2) .sicon{background:var(--navy)}.situation-grid article:nth-child(3) .sicon{background:var(--orange)}.situation-grid article:nth-child(4) .sicon{background:var(--green)}.situation-grid h3{margin:0 0 7px;color:var(--navy);font-size:18px}.situation-grid p{margin:0;color:var(--muted);font-size:14px}.mini-cta{margin-top:22px;background:var(--green2);border:1px solid #cfe7c8;border-radius:18px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left}.mini-cta strong,.mini-cta span{display:block}.mini-cta span{color:var(--muted);font-size:14px}
.cards-section{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);padding:64px 0 76px;text-align:center}.cards-section .intro{margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.card{background:#fff;border:1px solid #dfe6ee;border-radius:22px;padding:30px;box-shadow:0 12px 30px rgba(6,42,86,.07);min-height:300px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(6,42,86,.12)}.card.orange-border{border:2px solid var(--orange)}.icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:29px;font-weight:900;margin-bottom:18px}.green .icon{background:var(--green)}.orange .icon{background:var(--orange)}.blue .icon{background:var(--navy)}.card h3{margin:0 0 7px;color:var(--navy);font-size:21px}.card.orange-border h3{color:var(--orange)}.card .smalltitle{font-weight:800;color:var(--muted);margin-bottom:12px}.card p{color:var(--muted);margin:0 0 17px}.text-link{font-weight:900;color:var(--orange)}
.section.cream{background:var(--cream)}.section.dark{background:var(--navy);color:#fff}.dark h2{color:#fff}.dark .section-kicker{color:#ffb16e}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.offer{background:#fff;border:2px solid var(--line);border-radius:22px;padding:29px;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(6,42,86,.05)}.offer.green{border-color:#a8d5b7}.offer.blue{border-color:#9db1c9}.offer.orange{border-color:#f4b57e}.offer.featured{box-shadow:0 16px 36px rgba(6,42,86,.12);transform:translateY(-5px)}.offer-label{font-size:11px;font-weight:900;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.offer h3{font-size:24px;color:var(--navy);margin:0}.offer-promise{color:var(--muted);font-size:14px;min-height:48px;margin:8px 0}.price{font-size:42px;font-weight:900;color:var(--navy);margin:4px 0 0}.offer.green .price{color:var(--green)}.offer.orange .price{color:var(--orange)}.price.small{font-size:34px}.sub{font-weight:800;color:var(--muted);font-size:13px}.sub span{font-weight:600;margin-left:5px}.offer ul{padding-left:19px;color:#445267;flex:1}.offer li{margin:9px 0;font-size:14px}.offer .btn{margin-top:12px}.tag{position:absolute;top:17px;right:17px;background:var(--orange);color:#fff;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900}.price-reassurance{margin-top:18px;background:#fff;border:1px dashed #d8c8b8;border-radius:14px;padding:15px 18px;color:var(--muted);text-align:center}.price-reassurance strong{color:var(--navy)}.price-reassurance a{color:var(--orange);font-weight:900;margin-left:8px}
.expertise-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.expertise-copy h2{text-align:left;margin-top:8px}.expertise-copy p{color:#dce6f3;font-size:17px}.proofs{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.proofs span{background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px}.experience-card{background:linear-gradient(145deg,#fff,#f1f8ec);color:var(--navy);border-radius:25px;padding:34px;box-shadow:0 20px 45px rgba(0,0,0,.15);display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.big-number{font-size:75px;font-weight:900;line-height:.9;color:var(--green)}.big-number span{color:var(--orange)}.experience-card strong{font-size:19px}.experience-card small{display:block;color:var(--muted);font-weight:800}.experience-line{grid-column:1/-1;height:1px;background:#dfe8dc;margin:12px 0}.experience-card p{grid-column:1/-1;margin:0;font-size:19px}.experience-card p strong{color:var(--orange)}
.objection{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.split h2{text-align:left}.quote{border-left:5px solid var(--orange);background:#fff8f2;padding:19px 22px;border-radius:0 14px 14px 0;font-size:19px;font-weight:800;margin:20px 0}.steps{display:grid;gap:14px}.step{display:flex;gap:14px;background:#f7fafc;border:1px solid var(--line);border-radius:15px;padding:15px}.num{width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.step b{color:var(--navy)}
.cta{background:linear-gradient(135deg,var(--navy),#0b4b82);color:#fff;border-radius:26px;padding:42px 46px;display:flex;justify-content:space-between;align-items:center;gap:28px;box-shadow:0 20px 45px rgba(6,42,86,.2);overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#f477121c;right:-70px;top:-100px}.cta h2{color:#fff;margin:6px 0 8px;text-align:left}.cta p{margin:0 0 8px;color:#e4edf7}.cta small{font-weight:800;color:#d9f0d3}.light-orange{color:#ffb16e}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.footer{background:#061f40;color:#fff;padding:35px 0}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot img{width:285px}.contact{display:grid;gap:6px}.fine{opacity:.65;font-size:13px;margin-top:22px}
@media(max-width:1100px){.menu{gap:13px}.menu a:nth-child(2){display:none}.brand{width:270px}.navin>.btn{font-size:12px;padding:11px 15px}.hero-grid{gap:25px}.situation-grid{grid-template-columns:1fr 1fr}.expertise-grid{grid-template-columns:1fr}.experience-card{max-width:620px;margin:auto}.offer-grid{grid-template-columns:1fr 1fr}.offer.orange{grid-column:1/-1;max-width:560px;margin:auto}}
@media(max-width:850px){.menu{display:none}.navin{justify-content:space-between}.brand{max-width:none;width:260px}.hero-grid,.split{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.trust{justify-content:center}.hero-slogan{margin-left:auto;margin-right:auto}.hero-art{order:2}.hero-copy{order:1}.hero-art img{width:min(100%,500px)}.art-badge{left:8%;bottom:2%}.cards,.offer-grid{grid-template-columns:1fr}.offer.orange{grid-column:auto;max-width:none}.offer.featured{transform:none}.mini-cta,.cta{display:block}.mini-cta .btn{margin-top:12px}.cta-actions{margin-top:20px}}
@media(max-width:560px){.topbar .wrap{display:block;text-align:center}.topbar .wrap span{display:none}.navin{min-height:72px}.brand{width:235px}.navin>.btn{padding:10px 12px;font-size:10px}.hero{padding-top:28px}.hero-grid{gap:30px}.hero-art img{width:100%}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions .btn{width:100%}.trust{font-size:12px;gap:10px}.hero-slogan{font-size:22px}.section,.situation{padding:58px 0}.section h2,.situation h2{font-size:31px}.situation-grid{grid-template-columns:1fr}.experience-card{padding:25px}.big-number{font-size:58px}.experience-card strong{font-size:15px}.experience-card p{font-size:17px}.cta{padding:29px}.cta-actions .btn{width:100%}.foot img{width:235px}.price-reassurance a{display:block;margin:6px 0 0}}