:root{--font-inter:Inter;--font:-apple-system,BlinkMacSystemFont,'SF Pro Text',var(--font-inter),Inter,system-ui,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display',var(--font-inter),Inter,system-ui,sans-serif;
--bg:#f5f5f7;--surface:#fff;--fill:rgba(118,118,128,.12);--fill-2:rgba(118,118,128,.08);--fill-3:rgba(118,118,128,.05);--label:#1d1d1f;--label-2:#6e6e73;--label-3:#86868b;--label-4:#aeaeb2;--sep:rgba(0,0,0,.08);--tint:#7c3aed;--tint-hover:#6d28d9;--tint-ink:#6d28d9;--tint-soft:rgba(124,58,237,.10);--tint-soft-2:rgba(124,58,237,.16);--brand-dot:#600ff1;--green-ink:#1a7f37;
--shadow-card:0 0 0 .5px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 6px 18px -6px rgba(0,0,0,.07);--shadow-1:0 .5px 1px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.04);--shadow-btn:inset 0 1px 0 rgba(255,255,255,.24),0 1px 2px rgba(76,29,149,.3),0 6px 18px -6px rgba(124,58,237,.55);--glass:rgba(245,245,247,.86);--ease:cubic-bezier(.25,.1,.25,1)}
@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--fill:rgba(118,118,128,.24);--fill-2:rgba(118,118,128,.18);--fill-3:rgba(118,118,128,.12);--label:#f5f5f7;--label-2:#a1a1a6;--label-3:#8e8e93;--label-4:#636366;--sep:rgba(255,255,255,.10);--tint:#a47cff;--tint-hover:#b794ff;--tint-ink:#c4a8ff;--tint-soft:rgba(124,58,237,.16);--tint-soft-2:rgba(124,58,237,.24);--green-ink:#30d158;--shadow-card:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 .5px rgba(255,255,255,.08),0 8px 24px -8px rgba(0,0,0,.6);--shadow-1:0 0 0 .5px rgba(255,255,255,.08);--glass:rgba(0,0,0,.86)}}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--label);font:400 15px/1.47 var(--font);letter-spacing:-.009em;-webkit-font-smoothing:antialiased;font-feature-settings:'kern'}
a{color:inherit;text-decoration:none}
.tnum{font-variant-numeric:tabular-nums}
.mk-nav{position:sticky;top:0;z-index:10;background:var(--glass);backdrop-filter:blur(24px) saturate(185%);-webkit-backdrop-filter:blur(24px) saturate(185%);border-bottom:.5px solid var(--sep)}
.mk-nav-in{max-width:1120px;margin:0 auto;height:48px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:8px;font:700 19px/1 var(--font-display);letter-spacing:-.03em;color:var(--label)}
.logo i{width:1.08em;height:1.08em;background:var(--brand-dot);-webkit-mask:url(/trefle.png) center/contain no-repeat;mask:url(/trefle.png) center/contain no-repeat}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;border:0;font:600 13px/1 var(--font);letter-spacing:-.009em;cursor:pointer;transition:transform 90ms var(--ease),background .18s var(--ease);white-space:nowrap}
.btn:active{transform:scale(.96)}
.btn.sm{height:28px;padding:0 11px;font-size:12.5px}
.btn.lg{height:42px;padding:0 22px;font-size:15px}
.btn.primary{background:var(--tint);color:#fff;box-shadow:var(--shadow-btn)}
.btn.primary:hover{background:var(--tint-hover)}
.btn.secondary{background:var(--fill);color:var(--label)}
.btn.block{width:100%}
.btn[disabled]{opacity:.4;pointer-events:none}
.tint{color:var(--tint)}
.mk-hero{max-width:900px;margin:0 auto;padding:84px 24px 40px;text-align:center}
.mk-badge{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 3px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);font-size:12.5px;color:var(--label-2)}
.mk-badge b{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--tint);color:#fff;font-size:11px;font-weight:700}
.mk-h1{margin-top:22px;font:600 56px/1.06 var(--font-display);letter-spacing:-.038em}
.mk-sub{max-width:620px;margin:20px auto 0;font-size:17px;line-height:1.45;letter-spacing:-.016em;color:var(--label-2)}
.mk-cta{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}
.mk-note{margin-top:16px;font-size:12.5px;color:var(--label-3)}
.pr-sec{max-width:1040px;margin:96px auto 0;padding:0 24px}
.pr-h2{font:600 34px/1.15 var(--font-display);letter-spacing:-.035em;text-align:center}
.pr-lead{max-width:620px;margin:12px auto 0;text-align:center;color:var(--label-2)}
.grid3{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-card)}
.truth{padding:20px}
.truth-ic{width:32px;height:32px;border-radius:9px;background:var(--tint-soft);color:var(--tint);display:flex;align-items:center;justify-content:center}
.truth-ic svg{width:18px;height:18px}
.truth-n{margin-top:16px;font:600 34px/1 var(--font-display);letter-spacing:-.035em}
.truth h3{margin-top:14px;font:600 15px/1.3 var(--font-display);letter-spacing:-.018em}
.truth p{margin-top:6px;font-size:13px;line-height:1.5;color:var(--label-2)}
.plan{max-width:460px;margin:34px auto 0;padding:26px 26px 22px}
.plan h3{font:600 17px/1.18 var(--font-display);letter-spacing:-.018em}
.plan .sous{margin-top:4px;font-size:13.5px;color:var(--label-2)}
.prix{margin-top:18px;display:flex;align-items:baseline;gap:6px}
.prix b{font:700 44px/1 var(--font-display);letter-spacing:-.035em}
.prix span{font-size:14px;color:var(--label-2)}
.inclus{list-style:none;padding:0;margin:20px 0 22px;display:grid;gap:11px}
.inclus li{display:flex;gap:10px;font-size:14.5px;line-height:1.45}
.inclus svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:var(--tint)}
.ft{margin-top:96px;border-top:.5px solid var(--sep);font-size:12.5px;color:var(--label-2)}
.ft-in{max-width:1120px;margin:0 auto;padding:44px 24px 28px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.ft-in p{max-width:420px;margin-top:10px;font-size:13px}
.ft-bas{max-width:1120px;margin:0 auto;padding:16px 24px 28px;border-top:.5px solid var(--sep);font-size:12px;color:var(--label-3)}
svg.i{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* formulaire */
.narrow{max-width:640px;margin:0 auto;padding:56px 24px 0}
.etape{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--label-3)}
.large-title{margin-top:8px;font:600 30px/1.1 var(--font-display);letter-spacing:-.026em}
.intro{margin-top:10px;color:var(--label-2)}
.form{margin-top:28px;padding:22px 22px 20px;display:grid;gap:18px}
.q label,.q .ql{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.q small{display:block;margin:-3px 0 7px;font-size:12.5px;color:var(--label-3)}
.field{width:100%;min-height:34px;padding:7px 11px;border:0;border-radius:10px;background:var(--fill-2);color:var(--label);font:400 13.5px/1.45 var(--font);outline:none;transition:box-shadow .18s var(--ease),background .18s var(--ease)}
textarea.field{min-height:76px;resize:vertical}
select.field{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4-4 4 4M8 14l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:15px}
.field:focus{background-color:var(--surface);box-shadow:0 0 0 3.5px rgba(124,58,237,.3)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{height:28px;padding:0 11px;border-radius:999px;border:0;background:var(--fill-2);color:var(--label);font:500 12.5px/1 var(--font);cursor:pointer;transition:background .18s var(--ease)}
.chip[aria-pressed=true]{background:var(--tint);color:#fff}
.form-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:.5px solid var(--sep)}
.form-f span{font-size:12.5px;color:var(--label-3)}
.cal{margin-top:28px;min-height:700px;overflow:hidden}
.err{font-size:12.5px;color:#d70015}
@media (max-width:900px){.mk-h1{font-size:44px}.mk-hero{padding-top:64px}}
@media (max-width:760px){.grid3{grid-template-columns:1fr}.pr-h2{font-size:28px}.pr-sec{margin-top:72px}.ft-in{padding:36px 16px 24px}}
@media (max-width:520px){.mk-h1{font-size:38px}.mk-sub{font-size:16px}.large-title{font-size:26px}.form{padding:18px 16px}.form-f{flex-direction:column-reverse;align-items:stretch}.form-f .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}