.crm{--carte:var(--color-carte);--nuit:var(--color-nuit);--doux:var(--color-doux);--trait:var(--color-trait);--accent:var(--color-accent);--accent-nuit:var(--color-accent-nuit);--sur-nuit:var(--color-sable);--accent-doux:#e3e7ff}.crm h1,.crm h2,.crm h3{text-wrap:balance;margin:0}.crm p{margin:0}.crm .page{max-width:1080px;padding-inline:max(16px, env(safe-area-inset-left,0px));margin:0 auto}.crm .ecran{border:1px solid var(--trait);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px -22px #13204a73}.crm .ecran img{width:100%;height:auto;display:block}.crm-hero{background:var(--nuit);color:var(--sur-nuit)}.crm-hero .page{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;padding-block:56px 64px;display:grid}.crm-hero .eyebrow{color:var(--accent-nuit)}.crm-hero h1{font:400 clamp(46px, 7.4vw, 92px)/.95 var(--font-titre);text-transform:uppercase;transform-origin:0;margin-top:18px;transform:rotate(-2deg)}.crm-hero h1 span{color:var(--accent-nuit)}.crm-hero .chapo{max-width:34em;color:var(--sur-nuit);opacity:.92;margin-top:26px;font-size:19px}.crm-hero .faits{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.crm-hero .faits span{border:1px solid #f2ece147;border-radius:999px;padding:7px 14px;font-size:14px}.crm-hero .actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.crm-hero .lien-clair{color:var(--sur-nuit);font-weight:600;text-decoration:underline}.crm-hero .ecran{border-color:#f2ece12e;transform:rotate(2.5deg);box-shadow:0 30px 60px -20px #0000008c}.crm .portee{background:repeating-linear-gradient(to bottom, var(--trait) 0 1px, transparent 1px 8px);background-repeat:no-repeat;background-size:100% 33px;height:34px;margin-block:8px;position:relative}.crm .portee:after{content:"";background:repeating-linear-gradient(to bottom, var(--accent) 0 2px, transparent 2px 8px);background-repeat:no-repeat;background-size:100% 34px;width:72px;height:33px;position:absolute;top:0;left:0}.crm section.partie{padding-block:56px}.crm .titre{gap:12px;max-width:46em;margin-bottom:30px;display:grid}.crm .titre h2{font:400 clamp(34px, 4.8vw, 54px)/1 var(--font-titre);text-transform:uppercase}.crm .titre p{color:var(--doux);font-size:18px}.crm .carnet{grid-template-columns:1fr 1fr;gap:20px;display:grid}.crm .colonne{background:var(--carte);border:1px solid var(--trait);border-radius:18px;padding:24px}.crm .colonne h3{font:600 italic 24px/1.2 var(--font-confidence);margin-bottom:14px}.crm .colonne ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.crm .colonne li{padding-left:26px;position:relative}.crm .colonne li:before{font-weight:700;position:absolute;top:0;left:0}.crm .avant li:before{content:"×";color:var(--doux)}.crm .apres{border-color:var(--accent)}.crm .apres li:before{content:"✓";color:var(--accent)}.crm .temps-wrap{border:1px solid var(--trait);background:var(--carte);border-radius:18px;overflow-x:auto}.crm table.temps{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:560px}.crm .temps th,.crm .temps td{text-align:left;border-bottom:1px solid var(--trait);vertical-align:top;padding:14px 18px}.crm .temps th{font:600 12px/1.2 var(--font-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}.crm .temps td.n{white-space:nowrap}.crm .temps td.gain{color:var(--accent);white-space:nowrap;font-weight:700}.crm .temps tbody tr:last-child td{border-bottom:0}.crm .temps tfoot td{background:var(--accent-doux);font-weight:700}.crm .estimation-note{color:var(--doux);max-width:60em;margin-top:12px;font-size:14px}.crm .fonction{grid-template-columns:.9fr 1.1fr;align-items:start;gap:36px;padding-block:28px;display:grid}.crm .fonction+.fonction{border-top:1px dashed var(--trait)}.crm .fonction.inverse{grid-template-columns:1.1fr .9fr}.crm .fonction.inverse .texte{order:2}.crm .texte{gap:14px;min-width:0;display:grid}.crm .texte h3{font:600 26px/1.2 var(--font-texte);letter-spacing:-.01em}.crm .texte ul{gap:8px;margin:0;padding-left:20px;list-style:outside;display:grid}.crm .texte .citation{font:italic 400 20px/1.45 var(--font-confidence);border-left:3px solid var(--accent);padding-left:16px}.crm .captures{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.crm .captures.une{grid-template-columns:1fr;max-width:520px}.crm figure{gap:8px;min-width:0;margin:0;display:grid}.crm figcaption{color:var(--doux);font-size:13px}.crm .parcours{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.crm .etape{align-content:start;gap:10px;display:grid}.crm .etape .num{font:400 40px/1 var(--font-titre);color:var(--accent)}.crm .etape h3{font:600 18px/1.25 var(--font-texte)}.crm .etape p{color:var(--doux);font-size:15px}.crm .bts{background:var(--nuit);color:var(--sur-nuit)}.crm .bts>.page{padding-block:64px}.crm .bts .eyebrow{color:var(--accent-nuit)}.crm .bts .titre p{color:#f2ece1c7}.crm .bts .titre h2 span{color:var(--accent-nuit)}.crm .bts-grille{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;display:grid}.crm .bts-carte{border:1px solid #f2ece133;border-radius:18px;align-content:start;gap:10px;padding:22px;display:grid}.crm .bts-carte h3{font:600 19px/1.25 var(--font-texte)}.crm .bts-carte p{color:#f2ece1d1;font-size:15.5px}.crm .bts-carte .qui{font:600 12px/1 var(--font-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-nuit)}.crm .bts .fonction+.fonction{border-top-color:#f2ece133}.crm .bts .texte .citation{border-left-color:var(--accent-nuit)}.crm .bts figcaption{color:#f2ece1b3}.crm .bts .ecran{border-color:#f2ece126}.crm .prudence{color:#f2ece1a8;max-width:62em;margin-top:26px;font-size:14px}.crm .reste{border-top:1px solid var(--trait);grid-template-columns:repeat(3,1fr);column-gap:24px;display:grid}.crm .reste div{border-bottom:1px solid var(--trait);align-content:start;gap:4px;padding-block:18px;display:grid}.crm .reste b{font-weight:600}.crm .reste span{color:var(--doux);font-size:15px}.crm .signature{background:var(--carte);border:1px solid var(--trait);border-radius:22px;grid-template-columns:160px 1fr;align-items:center;gap:28px;padding:28px;display:grid}.crm .signature img{object-fit:cover;border-radius:50%;width:160px;height:160px}.crm .signature h2{font:400 clamp(30px, 4vw, 44px)/1 var(--font-titre);text-transform:uppercase;margin-top:10px}.crm .signature p+p,.crm .signature h2+p{margin-top:10px}.crm .offre{border:1px solid var(--trait);border-radius:22px;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.crm .prix{background:var(--nuit);color:var(--sur-nuit);align-content:center;gap:12px;padding:32px;display:grid}.crm .prix .eyebrow{color:var(--accent-nuit)}.crm .prix .montant{font:400 96px/1 var(--font-titre)}.crm .prix .montant small{font:600 22px/1 var(--font-texte);opacity:.8}.crm .prix p:last-child{color:#f2ece1d1}.crm .canaux{background:var(--carte);align-content:start;gap:14px;min-width:0;padding:32px;display:grid}.crm .canaux h2{font:400 clamp(32px, 4.4vw, 48px)/1 var(--font-titre);text-transform:uppercase}.crm .canaux .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crm .canal{border:1px solid var(--trait);color:var(--color-encre);background:var(--color-sable);border-radius:14px;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:grid}.crm a.canal:hover{border-color:var(--accent)}.crm .canal .nom{font:600 12px/1 var(--font-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--doux)}.crm .canal .val{overflow-wrap:anywhere;min-width:0;font-weight:600}.crm .canal .fleche{color:var(--accent);font-weight:700}.crm .mention{color:var(--doux);padding-block:8px 56px;font-size:13px}@media (max-width:860px){.crm-hero .page,.crm .fonction,.crm .fonction.inverse,.crm .carnet,.crm .offre{grid-template-columns:1fr}.crm .fonction.inverse .texte{order:0}.crm-hero .ecran{max-width:460px;transform:rotate(1.5deg)}.crm .parcours{grid-template-columns:1fr 1fr}.crm .bts-grille,.crm .reste,.crm .signature{grid-template-columns:1fr}.crm .signature img{width:120px;height:120px}}@media (max-width:480px){.crm .parcours,.crm .captures{grid-template-columns:1fr}.crm section.partie{padding-block:40px}.crm .canal{grid-template-columns:1fr auto}.crm .canal .nom{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.crm-hero h1{animation:.7s ease-out backwards crm-entree}@keyframes crm-entree{0%{opacity:.4;transform:rotate(-2deg)translateY(10px)}to{opacity:1;transform:rotate(-2deg)}}}