/* CARQUOIS 0.10.1 — vitrine publique, fidèle à la direction graphique retenue. */
:root{--ink:#1d1b33;--text:#36314d;--muted:#6d6981;--purple:#783bea;--purple-deep:#5e25c2;--lavender:#f4efff;--hair:#e8dff4;--positive:#0b7a50;--content:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a477ff;outline-offset:4px}p{margin:0;color:var(--muted)}h1,h2,h3{line-height:1.15}h1,h2,h3,p{overflow-wrap:break-word}.skip-link{position:absolute;top:-100px;left:20px;padding:9px 13px;background:#fff;z-index:40}.skip-link:focus{top:8px}
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #efeaf7}.header-inner{max-width:var(--content);margin:auto;min-height:86px;padding:12px 22px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:8px;flex:none;color:#141323;font-weight:900;font-size:25px;line-height:1;letter-spacing:-1.4px}.logo-mark{width:32px;height:49px;position:relative;overflow:hidden;display:inline-block;flex:none}.logo-mark img{position:absolute;max-width:none;width:336px;left:-22px;top:-3px}.site-nav{display:flex;gap:26px;align-items:center;margin-left:auto;white-space:nowrap}.site-nav a{font-size:13px;font-weight:710}.site-nav a:hover,.nav-login:hover{color:var(--purple)}.header-actions{display:flex;gap:15px;align-items:center;white-space:nowrap}.nav-login{font-size:13px;font-weight:760}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:11px;padding:12px 19px;font-size:14px;font-weight:780;line-height:1.3;text-align:center;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#6831d3,#873cff);box-shadow:0 11px 25px #7040cc28}.btn-primary:hover{background:linear-gradient(110deg,#5b24bf,#7130dc);box-shadow:0 13px 29px #7040cc38}.btn-outline{background:#fff;border-color:#9d72f5;color:#6930d1}.btn-outline:hover{background:#f6f0ff}.btn-small{padding:12px 16px;font-size:12px}.btn-large{padding:15px 22px;min-height:51px}.logout-home{border:1px solid #ded4ec;border-radius:10px;background:#fff;color:#54348d;cursor:pointer;font-size:12px;font-weight:700;padding:10px 13px}.logout-home[hidden]{display:none!important}.logout-home:hover{background:#f4edff}.logout-home:disabled{opacity:.6;cursor:wait}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 8%,#eee4ff 0,transparent 45%),radial-gradient(ellipse at 8% 85%,#f3eeff 0,transparent 51%),#fff}.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(157deg,transparent 28%,#f5efff55 50%,transparent 71%);opacity:.9}.hero-inner{position:relative;max-width:var(--content);margin:auto;padding:50px 22px 45px;min-height:545px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:28px}.hero-copy{position:relative;z-index:3}.eyebrow{display:flex;align-items:center;gap:8px;color:#7541da;font-size:11px;font-weight:820;letter-spacing:1.8px}.eyebrow-rule{display:inline-block;width:20px;height:3px;background:#925afa;border-radius:10px}.hero h1{max-width:620px;margin:22px 0 21px;font-size:clamp(42px,4.2vw,59px);font-weight:880;line-height:1.09;letter-spacing:-2.9px}.hero h1 span{display:block}.hero h1 em{color:var(--purple);font-style:normal;white-space:nowrap;position:relative}.hero h1 em:after{content:"";height:4px;position:absolute;left:3px;right:0;bottom:-7px;background:linear-gradient(90deg,var(--purple),transparent);transform:rotate(-2deg);border-radius:40px}.hero-lead{font-size:17px;line-height:1.72;max-width:575px;color:#59556c}.hero-intro{max-width:555px;margin-top:10px;font-size:15px;line-height:1.65}.hero-intro strong{color:#432882;font-weight:720}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.hero-promises{padding:0;margin:25px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 17px}.hero-promises li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#68617b;white-space:nowrap}.hero-promises li:before{content:"✓";color:#7041d9;background:#eee6ff;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:800}
/* Illustration approuvée, sans interface fictive interactive. */
.hero-visual{position:relative;min-height:435px;display:flex;align-items:center;justify-content:center;z-index:1}
.hero-picture{display:block;width:133%;max-width:none;height:auto;transform:translate(5%,3%);object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 95%,transparent 100%);filter:drop-shadow(0 14px 18px #38236716)}
.section{max-width:var(--content);padding:80px 22px;margin:0 auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#7c46da}.section-heading h2{font-size:clamp(32px,3.4vw,42px);font-weight:850;letter-spacing:-1.5px;margin:10px 0 9px}.section-heading p{font-size:15px;max-width:720px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool-grid.one-tool{grid-template-columns:minmax(0,760px)}.tool-card{min-height:365px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(120deg,#fff,#fcfaff 76%,#f4edff);border:1px solid #d8c5f8;box-shadow:0 17px 37px #4320710c;border-radius:20px;padding:30px;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;right:-92px;bottom:-110px;width:240px;height:240px;border:30px solid #f3eafd;border-radius:50%;opacity:.8;pointer-events:none}.tool-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}.tool-icon,.benefit-icon{width:60px;height:60px;display:grid;place-items:center;flex:none;color:#7235d7;background:#f0e8ff;border-radius:17px}.tool-labels{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:11px;font-weight:800;padding:5px 11px;border-radius:100px}.tag-available{background:#e2f6eb;color:#067348}.tag-free{background:#ede5fc;color:#6836bf}.tool-card h3{font-size:25px;letter-spacing:-.7px;margin:21px 0 12px}.tool-card>p{font-size:15px;line-height:1.65;max-width:570px}.tool-benefits{list-style:none;padding:0;margin:22px 0 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 19px;font-size:12px;color:#46415a;position:relative;z-index:1}.tool-benefits li:before{content:"✓";color:#7e44e3;font-weight:900;margin-right:8px}.tool-open{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:#6e33d4;font-weight:810;position:relative;z-index:1;font-size:15px}.tool-open:hover{text-decoration:underline;text-underline-offset:4px}.tools-empty{background:#f9f6fd;border:1px dashed #ded2ef;padding:28px;border-radius:18px;color:var(--muted)}.next-tools{display:flex;align-items:center;gap:14px;background:#faf8fe;border:1px dashed #e3d8f4;border-radius:16px;margin-top:22px;padding:19px 23px}.next-tools p{font-size:14px}.next-tools strong{color:#332545}.plus-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:27px;color:#8963c5;background:#efeafb}
.benefits{padding-top:62px;padding-bottom:75px}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefits-grid article{border:1px solid var(--hair);border-radius:18px;padding:25px 23px;background:white;box-shadow:0 14px 36px #33204609}.benefit-icon{width:51px;height:51px;font-size:31px;font-weight:760;border-radius:15px}.benefits-grid h3{font-size:18px;margin:19px 0 9px;letter-spacing:-.3px}.benefits-grid p{font-size:14px;line-height:1.65}
.how{max-width:none;background:linear-gradient(180deg,#faf8fe,#fff);padding:81px max(22px,calc((100% - 1136px)/2))}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-grid article{border:1px solid #e7ddf4;border-radius:17px;position:relative;background:#fff;box-shadow:0 10px 25px #39265108;text-align:center;padding:32px 20px 25px;min-height:211px}.step-number{position:absolute;left:16px;top:-14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7435dc;color:white;font-size:15px;font-weight:820;box-shadow:0 5px 12px #7031d535}.step-icon{display:grid;place-items:center;background:#f0e7ff;color:#7c42e6;border-radius:50%;width:50px;height:50px;margin:0 auto 15px;font-size:23px;font-weight:800}.step-grid h3{font-size:17px;margin:10px 0}.step-grid p{font-size:13px;line-height:1.65}
.bottom-section{padding:40px 22px 80px;background:#fff}.bottom-cta{max-width:var(--content);margin:auto;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(105deg,#f2ebff,#f9f6ff 52%,#ede1ff);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 45px 30px 165px;border:1px solid #efe6fb}.bottom-cta h2{font-size:25px;letter-spacing:-.5px;margin:6px 0}.bottom-cta p{font-size:14px}.bottom-cta .btn{white-space:nowrap;position:relative;z-index:2}.cta-mark{position:absolute;width:160px;height:160px;border:22px solid #dac6fa;border-radius:50%;left:-43px;bottom:-82px}.cta-mark:after{content:"";position:absolute;width:150px;height:5px;background:#6539bd;top:10px;left:25px;transform:rotate(-30deg);box-shadow:0 1px 4px #5529a62c}.site-footer{border-top:1px solid #f0e8f7;background:#fff}.footer-inner{max-width:var(--content);min-height:115px;padding:24px 22px;margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between}.footer-brand{font-size:21px}.footer-brand .logo-mark{width:27px;height:42px}.footer-brand .logo-mark img{width:297px;left:-20px;top:-3px}.footer-inner p{font-size:12px;max-width:370px}.footer-inner nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px;color:#51485c}.footer-inner nav a:hover{text-decoration:underline}
@media(max-width:1050px){.header-inner{gap:18px}.site-nav{gap:13px}.hero-inner{grid-template-columns:1fr .9fr}.laptop{margin-top:40px}.mock-content{padding:9px}.hero h1{font-size:clamp(41px,4.5vw,51px)}}
@media(max-width:850px){.header-inner{flex-wrap:wrap;justify-content:space-between;padding:12px 20px}.site-nav{order:3;flex:1 0 100%;justify-content:center;margin:0;gap:24px}.header-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr;gap:5px;padding:64px 28px 62px}.hero-copy{max-width:700px}.hero h1{max-width:700px}.hero-visual{min-height:340px;width:min(640px,95%);margin:0 auto}.laptop{margin:35px auto 0;max-width:580px}.target-rings{right:-40px}.benefits-grid{gap:12px}.benefits-grid article{padding:20px}.footer-inner{flex-wrap:wrap}}
@media(max-width:650px){.header-inner{min-height:72px;gap:10px;padding:11px 17px}.brand{font-size:20px;letter-spacing:-.8px}.logo-mark{width:27px;height:42px}.logo-mark img{width:294px;left:-20px;top:-2px}.site-nav{justify-content:start;gap:18px;overflow:auto;white-space:nowrap;padding:2px 0 4px}.site-nav a{font-size:12px}.header-actions{gap:7px}.nav-login{font-size:12px}.header-actions .btn{padding:8px 10px;font-size:11px}.logout-home{font-size:11px;padding:8px}.hero-inner{padding:59px 20px 53px}.eyebrow{font-size:10px;letter-spacing:1.2px}.hero h1{font-size:clamp(39px,9.6vw,56px);letter-spacing:-1.8px;margin-top:20px}.hero-lead{font-size:16px}.hero-intro{font-size:14px}.hero-actions{gap:10px}.btn-large{font-size:13px;padding:13px 15px}.hero-promises{gap:8px 12px}.hero-promises li{font-size:11px}.hero-visual{min-height:250px;width:100%}.laptop{margin-top:28px;max-width:465px}.laptop-screen{border-width:6px;border-bottom-width:9px;border-radius:11px 11px 4px 4px}.mock-top{height:21px;padding:2px 6px}.mock-workspace{height:calc(100% - 21px)}.mock-side-label{font-size:5px;padding:4px}.mock-sidebar{gap:3px;padding:6px 3px}.mock-heading{font-size:10px}.mock-content{padding:6px}.mock-sub{font-size:6px}.mock-steps{margin:5px 0;gap:3px;font-size:5px}.mock-steps i,.mock-steps b{width:12px;height:12px;font-size:6px}.mock-columns{gap:5px}.mock-inputs,.mock-pdf{padding:5px}.mock-inputs strong{font-size:7px;margin-bottom:3px}.mock-inputs label{font-size:5px;margin-top:3px}.mock-field{font-size:5px;padding:3px}.mock-short{max-width:68px}.mock-action{font-size:5px;padding:4px}.mock-paper{padding:5px}.mock-paper>b{font-size:6px}.mock-title{font-size:8px}.mock-highlight{margin:6px 0 4px;font-size:5px}.target-rings{width:210px;top:-15px;right:-25px}.target-arrow{width:125px}.section{padding:63px 20px}.section-heading h2{font-size:33px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0;padding:25px}.tool-benefits{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr;gap:12px}.benefits-grid article{padding:20px 22px}.benefits-grid h3{margin:11px 0 6px}.how{padding:66px 20px}.step-grid{grid-template-columns:1fr;gap:23px}.step-grid article{min-height:175px}.bottom-section{padding:0 17px 55px}.bottom-cta{padding:27px 22px;border-radius:20px;display:block}.bottom-cta .btn{margin-top:19px;white-space:normal}.cta-mark{opacity:.25;left:auto;right:-30px;bottom:-130px}.footer-inner{padding:22px 20px;display:grid;gap:12px}.footer-inner nav{gap:16px}}
@media(max-width:390px){.header-actions .btn{display:none}.hero-actions .btn{width:100%}.hero h1{font-size:39px}.hero-promises li{white-space:normal}.laptop{transform:none}.target-rings{right:-55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* === v0.10.1 : rythme plus dense et carte principale premium === */
.hero{background:radial-gradient(ellipse at 91% 12%,#eee4ff 0,transparent 47%),radial-gradient(ellipse at 5% 89%,#f8f5ff 0,transparent 55%),#fff}
.hero-inner{grid-template-columns:1.05fr 1fr;gap:14px}
.hero h1{font-size:clamp(40px,4.1vw,57px)}
.hero-promises{margin-top:19px}
.section{padding-top:46px;padding-bottom:44px}
.section-heading{margin-bottom:24px}
.section-heading h2{margin:7px 0 6px}
.tool-grid.one-tool{grid-template-columns:minmax(0,1fr)}
.tool-grid{gap:18px}
.tool-card{min-height:300px;padding:28px;display:block;border-radius:22px;background:linear-gradient(119deg,#fff 0%,#fdfbff 52%,#f3eaff 100%);box-shadow:0 16px 36px #50268b13}
.tool-card:after{display:none}
.tool-info{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;height:100%}
.tool-card--featured{min-height:336px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(270px,.86fr);align-items:center;padding:32px 38px;overflow:hidden;isolation:isolate}
.tool-card--featured:before{content:"";position:absolute;right:-100px;bottom:-195px;width:560px;height:480px;border-radius:50%;background:radial-gradient(circle,#e9dcff 0%,#f3eafe 45%,transparent 69%);pointer-events:none}
.tool-card-head{justify-content:flex-start;gap:18px;width:100%;align-items:center}
.tool-card--featured .tool-card-head{gap:16px}
.tool-icon{width:58px;height:58px;border-radius:17px;box-shadow:0 10px 18px #713dd11a}
.tool-card h3{font-size:clamp(23px,2.4vw,30px);margin:15px 0 9px;letter-spacing:-.7px}
.tool-card--featured h3{max-width:560px}
.tool-card p{font-size:14px;line-height:1.6;max-width:550px}
.tool-benefits{margin:19px 0 23px;gap:9px 16px;font-size:12px}
.tool-benefits li{display:flex;align-items:flex-start;gap:7px}
.tool-benefits li:before{content:'✓';border-radius:50%;background:#efe7ff;color:#753ce1;width:20px;height:20px;display:inline-grid;place-items:center;flex:none;font-size:11px;margin:0;font-weight:900}
.tool-open{margin-top:auto;min-height:45px;padding:11px 20px;border-radius:10px;background:linear-gradient(112deg,#6c34dc,#853efe);color:#fff;font-size:14px;box-shadow:0 9px 23px #663bc731;transition:background .2s,transform .2s}
.tool-open:hover{text-decoration:none;background:linear-gradient(112deg,#5a28c5,#7230e6);transform:translateY(-2px)}
.tool-art{position:relative;min-width:0;height:292px;align-self:end;z-index:1;pointer-events:none}
.tool-art-orbit{position:absolute;inset:7% -7% -30% 11%;border-radius:50%;background:radial-gradient(circle,#e6d7ff 0%,#f4eaff 45%,transparent 73%)}
.document-back,.document-front{position:absolute;width:196px;height:264px;border-radius:8px;background:white;border:1px solid #e9e2f3;box-shadow:0 15px 40px #65429424}
.document-back{left:37%;top:22px;transform:rotate(11deg)}
.document-front{left:14%;top:9px;transform:rotate(-7deg);padding:22px 17px;display:flex;flex-direction:column;gap:7px;color:#2d2450}
.document-brand{font-size:10px;font-weight:900;letter-spacing:-.3px}.document-mini-mark{color:#7b3bec;font-size:20px}
.document-front strong{font-size:13px;line-height:1.2;margin-top:10px}.document-caption{font-size:9px;color:#665978}.document-rule{height:3px;background:linear-gradient(90deg,#7c42df,#e6d5ff);width:95%;border-radius:3px}
.document-label{font-size:7px;font-weight:900;letter-spacing:.3px;color:#753bdc;margin-top:8px}
.document-line{height:3px;background:#e9e4f0;width:100%;border-radius:3px}.document-line.short{width:68%}
.document-table{height:27px;border:1px solid #e6dfea;background:repeating-linear-gradient(0deg,transparent 0 8px,#e8e1ef 8px 9px),repeating-linear-gradient(90deg,transparent 0 48px,#e8e1ef 48px 49px)}
.pdf-emblem{position:absolute;right:3%;top:6px;border-radius:14px;background:#fff;box-shadow:0 8px 21px #4b298226;color:#7e43d9;font-size:13px;font-weight:900;width:54px;height:54px;display:grid;place-items:center}
.next-tools{margin-top:14px;padding:13px 19px;background:#fcfaff}
.plus-symbol{height:34px;width:34px}
.benefits{padding-top:28px;padding-bottom:40px}
.benefits-grid article{padding:22px;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(155deg,#fff 55%,#fcf9ff)}
.benefits-grid article:after{position:absolute;top:8px;right:12px;font-size:73px;font-weight:900;line-height:1;color:#f0e8fe;pointer-events:none}
.benefits-grid article:nth-child(1):after{content:'◷'}
.benefits-grid article:nth-child(2):after{content:'▤'}
.benefits-grid article:nth-child(3):after{content:'↗'}
.benefits-grid h3{margin:16px 0 7px;font-size:17px;position:relative;z-index:1}
.benefits-grid p{font-size:13px;position:relative;z-index:1}
.benefit-note{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#f3edff;color:#6533c4;padding:6px 10px;font-size:11px;font-weight:750;margin-top:auto;position:relative;z-index:1}
.how{padding:46px max(22px,calc((100% - 1136px)/2)) 51px}
.step-grid article{min-height:190px;padding:27px 20px 20px}
.bottom-section{padding:25px 22px 48px}
.bottom-cta{padding-top:25px;padding-bottom:25px}
.footer-inner{min-height:93px}
@media(max-width:850px){
 .hero-inner{grid-template-columns:1fr;gap:4px;padding:52px 26px 29px;min-height:0}
 .hero-visual{height:340px;min-height:0;width:min(650px,100%)}
 .hero-picture{width:110%;transform:translate(0,0)}
 .tool-card--featured{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);padding:24px}
 .tool-art{height:265px}
 .document-front{left:4%}.document-back{left:25%}
}
@media(max-width:650px){
 .hero-inner{padding:41px 20px 20px;gap:0}
 .hero-visual{height:auto;min-height:190px}
 .hero-picture{width:115%;transform:translate(-2%,0)}
 .section{padding:39px 20px}
 .section-heading{margin-bottom:19px}
 .tool-card--featured{display:block;padding:22px 20px}
 .tool-card--featured .tool-info{height:auto}
 .tool-card h3{font-size:24px}
 .tool-benefits{grid-template-columns:1fr;margin:17px 0 19px}
 .tool-card--featured .tool-art{height:196px;margin-top:15px}
 .tool-art-orbit{inset:-6% -5% -30% 7%}
 .document-front{width:155px;height:205px;padding:14px;left:22%;top:5px;gap:5px}
 .document-back{width:155px;height:205px;left:44%;top:10px}
 .document-front strong{font-size:11px;margin-top:2px}.document-label{margin-top:4px}
 .pdf-emblem{right:5%;top:7px;width:42px;height:42px;font-size:11px}
 .benefits{padding-top:26px;padding-bottom:39px}
 .benefits-grid article{min-height:190px}
 .how{padding:43px 20px 45px}
 .step-grid article{min-height:167px}
 .bottom-section{padding:15px 17px 41px}
}
@media(max-width:390px){.hero-picture{width:124%;transform:translate(-7%,0)}.tool-card-head{flex-wrap:wrap}}

/* v0.11.2 : le lien club connecté reste accessible sur les petits smartphones. */
@media(max-width:390px){.header-actions .btn.session-club-link{display:inline-flex}}

/* v0.16.3 — aperçu du PDF réellement produit et accès aux pages outils. */
.tool-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:3}
.tool-actions .tool-open{margin-top:0;white-space:normal}
.tool-more{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 15px;border:1px solid #9870ec;border-radius:10px;background:#fff;color:#6933c9;font-weight:750;font-size:14px;line-height:1.3;transition:background .18s,color .18s}
.tool-more:hover{background:#f1e9ff;color:#5423aa}
.tool-art .pdf-sample-back,.tool-art .pdf-sample-sheet{position:absolute;aspect-ratio:595/842;background:#fff;border:1px solid #e7dbf5;border-radius:5px;box-shadow:0 18px 32px #56338c29;overflow:hidden;width:193px}
.tool-art .pdf-sample-back{left:37%;top:22px;transform:rotate(11deg)}
.tool-art .pdf-sample-sheet{left:12%;top:9px;transform:rotate(-7deg);display:block}
.tool-art .pdf-sample-sheet img{display:block;width:100%;height:100%;object-fit:contain}
.tool-art .pdf-sample-caption{position:absolute;left:10%;bottom:-3px;color:#6b4d91;font-size:11px;font-weight:730;background:#ffffffdc;border-radius:20px;padding:4px 10px;box-shadow:0 3px 11px #5d3b8d13}
@media(max-width:850px){.tool-art .pdf-sample-back{left:27%}.tool-art .pdf-sample-sheet{left:4%}}
@media(max-width:650px){.tool-card--featured .tool-art{height:208px;margin-top:17px}.tool-art .pdf-sample-sheet,.tool-art .pdf-sample-back{width:143px}.tool-art .pdf-sample-sheet{left:25%;top:4px}.tool-art .pdf-sample-back{left:45%;top:13px}.tool-art .pdf-sample-caption{left:24%;bottom:-1px}}
/* Fiche explicative réutilisable par tous les modules publiés. */
.tool-details{max-width:var(--content);margin:0 auto;padding:34px 22px 74px}
.detail-breadcrumb{font-size:13px;color:#7359a1;margin:0 0 26px}
.detail-breadcrumb a:hover{color:var(--purple);text-decoration:underline}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.78fr);gap:34px;align-items:center;border:1px solid #e2d2f9;border-radius:24px;padding:42px;background:linear-gradient(120deg,#fff 24%,#fbf7ff 60%,#f0e7ff);overflow:hidden;position:relative}
.detail-hero h1{font-size:clamp(33px,3.7vw,49px);line-height:1.1;letter-spacing:-1.6px;margin:12px 0 18px}
.detail-hero .detail-lead{font-size:17px;color:#58506e;line-height:1.7;max-width:590px}
.detail-tag{display:inline-block;color:#7040d1;background:#efe5ff;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:820}
.detail-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.detail-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.detail-figure a{display:block;max-width:255px;width:100%;transform:rotate(2deg);border-radius:5px;overflow:hidden;box-shadow:0 19px 49px #41256429;transition:transform .2s}
.detail-figure a:hover{transform:rotate(0deg) translateY(-3px)}
.detail-figure img{display:block;width:100%;height:auto;background:#fff}
.detail-figure figcaption{font-size:12px;color:#716486;text-align:center}
.detail-section{padding-top:45px}
.detail-section h2{font-size:clamp(25px,2.8vw,34px);letter-spacing:-.7px;margin:0 0 10px}
.detail-section>.section-intro{font-size:15px;margin-bottom:24px}
.detail-feature-grid,.detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.detail-feature-grid article,.detail-steps article{padding:23px;border:1px solid #e8def6;border-radius:16px;background:linear-gradient(140deg,#fff,#fcf9ff)}
.detail-feature-grid article h3,.detail-steps article h3{font-size:17px;margin:10px 0 8px}
.detail-feature-grid article p,.detail-steps article p{font-size:14px;line-height:1.65}
.detail-feature-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#f0e6ff;color:#7137d5;font-weight:900}
.detail-steps article .step-number{position:static;box-shadow:none;display:grid;margin-bottom:12px}
.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e4d7f8;border-radius:20px;padding:25px 28px;background:#f9f5ff;margin-top:42px}
.detail-bottom h2{font-size:22px;margin:0 0 5px}.detail-bottom p{font-size:14px}
.detail-bottom .btn{flex:none}
@media(max-width:850px){.detail-hero{gap:18px;padding:27px;grid-template-columns:minmax(0,1fr) 225px}.detail-feature-grid,.detail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.tool-details{padding:22px 18px 50px}.detail-hero{display:flex;flex-direction:column;align-items:stretch;padding:23px}.detail-hero .detail-lead{font-size:15px}.detail-figure a{max-width:185px}.detail-feature-grid,.detail-steps{grid-template-columns:1fr}.detail-section{padding-top:30px}.detail-bottom{flex-direction:column;align-items:flex-start;padding:21px}.detail-cta .btn{width:100%}}

/* Fiche mandats — exemple avant / après, sans modification des autres outils. */
.detail-jump{margin:16px 0 0;font-size:13px;font-weight:730}
.detail-jump a{color:#6b35cf;text-decoration:underline;text-underline-offset:3px}
.detail-before-after{scroll-margin-top:20px}
.detail-compare-kicker{color:#783dd5;font-size:12px;letter-spacing:1.5px;font-weight:850}
.detail-before-after>.section-intro{margin-top:10px}
.detail-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.detail-comparison-card{border:1px solid #e6d9f7;border-radius:21px;background:#fcfaff;padding:22px 22px 24px;display:flex;align-items:center;flex-direction:column;min-width:0}
.detail-comparison-before{background:#fbfafd;border-color:#e6e0eb}
.detail-comparison-after{background:linear-gradient(140deg,#fcf9ff,#f3ebff);border-color:#d6c1fb;box-shadow:0 12px 32px #6b34c911}
.detail-comparison-header{align-self:stretch;min-height:112px}
.detail-comparison-badge{display:inline-block;background:#ece8f1;color:#655970;padding:3px 11px;border-radius:999px;font-size:11px;letter-spacing:1.1px;font-weight:850}
.detail-comparison-after .detail-comparison-badge{background:#7240dc;color:white}
.detail-comparison-header h3{font-size:19px;margin:12px 0 7px;letter-spacing:-.35px}
.detail-comparison-header p{font-size:13.5px;line-height:1.55}
.detail-comparison-image{display:block;width:min(100%,295px);aspect-ratio:595/842;margin:16px auto 20px;background:white;border:1px solid #e3dce9;border-radius:4px;overflow:hidden;box-shadow:0 12px 28px #2820391e;transition:transform .2s}
.detail-comparison-image:hover{transform:translateY(-3px)}
.detail-comparison-image img{width:100%;height:100%;display:block;object-fit:contain}
.detail-comparison-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:#6934cb;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:780}
.detail-comparison-disclaimer{margin-top:16px;font-size:12.5px;line-height:1.6;color:#6e617f}
@media(max-width:650px){.detail-comparison-grid{grid-template-columns:1fr;gap:15px}.detail-comparison-card{padding:18px}.detail-comparison-header{min-height:0}.detail-comparison-image{max-width:235px;margin:15px auto}}
@media(prefers-reduced-motion:reduce){.detail-comparison-image{transition:none}}


/* v0.16.8 — Vrai mandat en trois pages : 2 portraits et le bulletin paysage.
   Seule l'illustration du service Mandats sur la page d'accueil est concernee. */
.tool-art .mandat-three-pages{
 display:block;
 position:absolute;
 width:112%;
 max-width:none;
 height:auto;
 left:-7%;
 top:-5px;
 object-fit:contain;
 z-index:1;
}
.tool-art .pdf-emblem{z-index:2}
.tool-art .pdf-sample-caption{z-index:2}
@media(max-width:650px){
 .tool-card--featured .tool-art .mandat-three-pages{
  width:96%;
  left:2%;
  top:0;
 }
}


/* CARQUOIS v0.16.27 — Fiche Mandats : trois exemples réels et fonctions actuelles. */
.detail-hero--mandats{grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr)}
.detail-hero--mandats h1{font-size:clamp(31px,3.25vw,43px);letter-spacing:-1.45px;max-width:590px}
.detail-hero-copy{margin-top:13px;font-size:15px;line-height:1.68;color:#5b5270}
.detail-hero-points{display:flex;flex-wrap:wrap;gap:7px 15px;margin:16px 0 0;color:#655478;font-size:12.5px;font-weight:690}
.detail-hero-points span{white-space:nowrap}
.detail-showcase{position:relative;width:100%;height:342px;min-width:0;isolation:isolate}
.detail-showcase::before{content:'';position:absolute;inset:10% 2% 3% 4%;border-radius:50%;background:radial-gradient(ellipse,#d9c8ff 0%,#edddff73 46%,transparent 73%);z-index:-1}
.detail-showcase-paper{position:absolute;display:block;background:#fff;border:1px solid #e1d8ed;border-radius:6px;overflow:hidden;box-shadow:0 17px 35px #422d702e;transition:transform .2s ease,box-shadow .2s ease}
.detail-showcase-paper img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.detail-showcase-paper--mandat{width:38%;height:73%;left:4%;top:8%;transform:rotate(-10deg);z-index:1}
.detail-showcase-paper--affiche{width:43%;height:80%;left:29%;top:3%;transform:rotate(5deg);z-index:2}
.detail-showcase-paper--square{width:48%;height:auto;aspect-ratio:1;right:0;bottom:6%;transform:rotate(8deg);z-index:3}
.detail-showcase-paper--mandat:hover,.detail-showcase-paper--mandat:focus-visible{transform:rotate(-4deg) translateY(-7px);z-index:5}
.detail-showcase-paper--affiche:hover,.detail-showcase-paper--affiche:focus-visible{transform:rotate(1deg) translateY(-7px);z-index:5}
.detail-showcase-paper--square:hover,.detail-showcase-paper--square:focus-visible{transform:rotate(2deg) translateY(-7px);z-index:5}
.detail-showcase-caption{position:absolute;bottom:-7px;right:2%;font-size:12px;font-weight:730;color:#6d518f}
.detail-examples{scroll-margin-top:24px}
.detail-examples>.section-intro{max-width:790px}
.detail-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.detail-example-card{min-width:0;border:1px solid #e4d6f5;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #5140730a;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.detail-example-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px #51407318}
.detail-example-visual{height:250px;display:grid;place-items:center;padding:18px 25px 8px;background:linear-gradient(140deg,#f6f3fb,#eee6fa);overflow:hidden}
.detail-example-visual img{display:block;height:100%;max-width:100%;width:auto;object-fit:contain;object-position:center top;box-shadow:0 10px 22px #2e224425;border-radius:3px;background:#fff}
.detail-example-visual--square img{height:auto;width:min(100%,210px);aspect-ratio:1;object-fit:contain}
.detail-example-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px 22px 23px}
.detail-example-tag{display:inline-block;color:#753ee0;font-size:11px;font-weight:840;letter-spacing:1.15px}
.detail-example-body h3{font-size:19px;line-height:1.3;margin:10px 0 8px;letter-spacing:-.25px}
.detail-example-body p{font-size:13.8px;line-height:1.63;color:#655a73;margin-bottom:17px}
.detail-example-link{color:#6934cb;font-size:13.5px;font-weight:790;text-decoration:underline;text-underline-offset:3px;margin-top:auto}
.detail-example-link:hover{color:#4d219c}
.detail-example-note{margin:15px 0 0;color:#766986;line-height:1.6;font-size:12.5px}
@media(max-width:850px){.detail-hero--mandats{grid-template-columns:minmax(0,1fr) 230px;gap:13px}.detail-showcase{height:270px}.detail-example-visual{height:220px;padding:13px 15px 7px}.detail-example-body{padding:17px}}
@media(max-width:650px){.detail-hero--mandats{display:flex;flex-direction:column}.detail-hero--mandats h1{font-size:clamp(30px,8vw,39px)}.detail-showcase{width:min(100%,350px);height:290px;align-self:center;margin:0 auto}.detail-example-grid{grid-template-columns:1fr}.detail-example-card{display:grid;grid-template-columns:minmax(110px,38%) 1fr;align-items:stretch}.detail-example-visual{height:auto;min-height:188px;padding:14px 8px}.detail-example-visual img{height:auto;width:90%;max-height:195px;object-fit:contain}.detail-example-body{padding:14px}.detail-example-body h3{font-size:17px}.detail-example-body p{font-size:12.5px}.detail-example-link{font-size:12px}}
@media(max-width:370px){.detail-example-card{grid-template-columns:1fr}.detail-example-visual{height:196px}.detail-example-visual img{height:175px;width:auto}}
@media(prefers-reduced-motion:reduce){.detail-showcase-paper,.detail-example-card{transition:none}}

/* CARQUOIS v0.16.28 — Accueil : vitrine des trois supports réels du générateur. */
.tool-card--featured .tool-info{min-width:0}
.tool-card--featured .tool-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px;margin:16px 0 19px}
.tool-card--featured .tool-art--formats{pointer-events:auto;display:block;height:338px;align-self:center;text-decoration:none;outline-offset:5px}
.tool-art--formats .tool-art-orbit{inset:0 -5% -10% 2%;pointer-events:none}
.tool-format{position:absolute;display:block;overflow:visible;filter:drop-shadow(0 13px 19px #3c245034);transition:transform .22s ease;transform-origin:center center}
.tool-format img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #e8dfe9;border-radius:5px;background:#fff}
.tool-format>span{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#6335bd;padding:5px 8px;border-radius:99px;box-shadow:0 5px 15px #49346724;font-size:10px;font-weight:800}
.tool-format--mandat{width:38%;height:73%;left:2%;top:11%;transform:rotate(-12deg);z-index:1}
.tool-format--affiche{width:43%;height:85%;left:29%;top:3%;transform:rotate(4deg);z-index:2}
.tool-format--carre{width:46%;height:auto;aspect-ratio:1;right:-2%;bottom:10%;transform:rotate(9deg);z-index:3}
.tool-art--formats:hover .tool-format--mandat,.tool-art--formats:focus-visible .tool-format--mandat{transform:rotate(-8deg) translate(-4px,-3px)}
.tool-art--formats:hover .tool-format--affiche,.tool-art--formats:focus-visible .tool-format--affiche{transform:rotate(1deg) translateY(-5px)}
.tool-art--formats:hover .tool-format--carre,.tool-art--formats:focus-visible .tool-format--carre{transform:rotate(5deg) translate(5px,-4px)}
.tool-formats-caption{position:absolute;right:5%;bottom:-9px;z-index:4;color:#6830c6;background:#ffffffed;border:1px solid #ebe2f9;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:830;box-shadow:0 4px 13px #49346716}
@media(max-width:850px){.tool-card--featured .tool-benefits{grid-template-columns:1fr}.tool-card--featured .tool-art--formats{height:290px}}
@media(max-width:650px){.tool-card--featured .tool-art--formats{height:270px;width:min(100%,390px);margin:17px auto 6px}.tool-card--featured .tool-benefits{grid-template-columns:1fr}.tool-format--mandat{left:5%}.tool-format--carre{right:2%}}
@media(max-width:390px){.tool-card--featured .tool-art--formats{height:220px}.tool-format>span{font-size:8px;padding:4px 6px}.tool-formats-caption{bottom:-6px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.tool-format{transition:none}}