.fmx-packs{--ink:var(--formel-anthracite,#1A1D21);--ink-soft:var(--formel-anthracite-doux,#31353A);--muted:var(--formel-pierre,#5B6169);--muted2:var(--formel-pierre-claire,#696F76);--green:var(--formel-green,#066437);--green-dark:var(--formel-green-900,#044928);--ocre:var(--formel-ocre,#C8814A);--ocre-dark:var(--formel-ocre-texte,#8F5528);--bg:var(--formel-cream,#F6F4EF);--bg-alt:var(--formel-cream-alt,#EFEDE6);--line:var(--formel-trait,rgba(26,29,33,.08));--line-strong:var(--formel-trait-fort,rgba(26,29,33,.16));--tint-green:var(--formel-teinte-verte,rgba(31,138,107,.1));--tint-ocre:var(--formel-teinte-ocre,rgba(200,129,74,.12));color:var(--ink);font-family:'Instrument Sans',system-ui,sans-serif;line-height:1.6;background:var(--bg);overflow:hidden} .fmx-packs *{box-sizing:border-box}.fmx-packs>p,.fmx-packs p:empty{display:none!important} .fmx-packs .fmx-wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto} .fmx-packs .fmx-section{padding:96px 0} .fmx-packs .fmx-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);background:var(--tint-green);padding:6px 14px;border-radius:100px;margin-bottom:18px} .fmx-packs .fmx-heading{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance} .fmx-packs .fmx-subhead{font-size:1.02rem;color:var(--muted);margin:0 auto;max-width:62ch} .fmx-packs .fmx-center{text-align:center} /* HERO */ .fmx-packs .fmx-hero{padding:88px 0 64px;background:linear-gradient(180deg,var(--bg-alt),var(--bg))} .fmx-packs .fmx-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance} .fmx-packs .fmx-hero-lead{font-size:1.08rem;color:var(--muted);max-width:60ch;margin:0 auto 10px} .fmx-packs .fmx-hero-note{font-size:.92rem;color:var(--muted2);max-width:60ch;margin:0 auto} /* CONFIGURATEUR */ .fmx-packs .fmx-config{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;margin-top:34px;box-shadow:0 24px 50px -34px rgba(26,29,33,.4)} .fmx-packs .fmx-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .fmx-packs .fmx-field label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:6px} .fmx-packs .fmx-field select{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-family:inherit;font-size:.95rem;min-height:44px} .fmx-packs .fmx-field select:focus-visible{outline:2px solid var(--green);outline-offset:2px} .fmx-packs .fmx-config-note{margin:16px 0 0;font-size:.86rem;color:var(--muted2)} /* PLANS */ .fmx-packs .fmx-pricing{background:var(--bg-alt)} .fmx-packs .fmx-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin-top:38px} .fmx-packs .fmx-plan{position:relative;border-radius:22px;padding:30px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column} .fmx-packs .fmx-plan.is-reco{background:var(--ink);border-color:var(--ink);box-shadow:0 30px 60px -30px rgba(26,29,33,.5)} .fmx-packs .fmx-plan-badge{position:absolute;top:18px;right:18px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ocre-dark);padding:5px 11px;border-radius:100px} .fmx-packs .fmx-plan-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.9rem;color:var(--muted)} .fmx-packs .fmx-plan.is-reco .fmx-plan-name{color:var(--muted2)} .fmx-packs .fmx-plan-price{margin:14px 0 4px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} .fmx-packs .fmx-plan-price strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.05rem;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums} .fmx-packs .fmx-plan.is-reco .fmx-plan-price strong{color:#fff} .fmx-packs .fmx-plan-price span{font-size:.82rem;color:var(--muted)} .fmx-packs .fmx-plan.is-reco .fmx-plan-price span{color:var(--muted2)} .fmx-packs .fmx-plan-term{font-size:.82rem;color:var(--muted);display:block} .fmx-packs .fmx-plan.is-reco .fmx-plan-term{color:var(--muted2)} .fmx-packs .fmx-plan-rule{height:1px;background:var(--line-strong);margin:20px 0} .fmx-packs .fmx-plan.is-reco .fmx-plan-rule{background:rgba(255,255,255,.18)} .fmx-packs .fmx-plan-item{display:flex;gap:9px;align-items:flex-start;margin-bottom:9px;font-size:.9rem} .fmx-packs .fmx-plan.is-reco .fmx-plan-item{color:#fff} .fmx-packs .fmx-plan-item i{color:var(--green);font-size:1.05rem;line-height:1.4;flex:none} .fmx-packs .fmx-plan.is-reco .fmx-plan-item i{color:#7FD3B8} .fmx-packs .fmx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 22px;border-radius:100px;font-weight:600;font-size:.95rem;text-decoration:none;background:var(--green);color:#fff;border:1px solid var(--green);transition:background .18s ease} .fmx-packs .fmx-btn:hover{background:var(--green-dark)} .fmx-packs .fmx-btn:focus-visible{outline:2px solid var(--ocre);outline-offset:3px} .fmx-packs .fmx-plan .fmx-btn{margin-top:auto} .fmx-packs .fmx-btn-secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)} .fmx-packs .fmx-btn-secondary:hover{background:var(--bg-alt)} /* DETAIL DE PRIX */ .fmx-packs .fmx-detail{margin:12px 0 0;font-size:.82rem;color:var(--muted);line-height:1.65} .fmx-packs .fmx-plan.is-reco .fmx-detail{color:var(--muted2)} .fmx-packs .fmx-detail b{font-weight:600;color:var(--ink-soft)} .fmx-packs .fmx-plan.is-reco .fmx-detail b{color:#E8EAEC} .fmx-packs .fmx-remise{display:inline-block;font-size:.76rem;font-weight:700;color:var(--green-dark);background:var(--tint-green);padding:3px 9px;border-radius:100px;margin-top:8px} .fmx-packs .fmx-plan.is-reco .fmx-remise{color:#7FD3B8;background:rgba(127,211,184,.14)} /* INCLUS */ .fmx-packs .fmx-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px} .fmx-packs .fmx-feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px} .fmx-packs .fmx-feature-icon{width:40px;height:40px;border-radius:12px;background:var(--tint-ocre);color:var(--ocre-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:12px} .fmx-packs .fmx-feature h3{margin:0 0 5px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.02rem} .fmx-packs .fmx-feature p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted)} /* CENTRES */ .fmx-packs .fmx-centers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px} .fmx-packs .fmx-center-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;gap:11px;align-items:flex-start} .fmx-packs .fmx-center-item i{color:var(--ocre-dark);font-size:1.1rem;flex:none;margin-top:2px} .fmx-packs .fmx-center-item b{display:block;font-weight:600;font-size:.96rem} .fmx-packs .fmx-center-item span{font-size:.86rem;color:var(--muted)} /* NOTE CAPITAL */ .fmx-packs .fmx-capital-note{margin-top:34px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--ocre);border-radius:14px;padding:20px 24px} .fmx-packs .fmx-capital-note p{margin:0;font-size:.94rem;color:var(--ink-soft)} /* FAQ */ .fmx-packs .fmx-faq{margin-top:34px} .fmx-packs .fmx-faq-row{border-top:1px solid var(--line-strong);padding:20px 0} .fmx-packs .fmx-faq-q{margin:0 0 7px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.02rem} .fmx-packs .fmx-faq-a{margin:0;font-size:.94rem;color:var(--muted);max-width:78ch} /* CTA */ .fmx-packs .fmx-cta{background:var(--ink);color:#fff;border-radius:26px;padding:52px 34px;text-align:center;margin-top:20px} .fmx-packs .fmx-cta h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 12px;color:#fff} .fmx-packs .fmx-cta p{color:var(--muted2);margin:0 auto 24px;max-width:56ch} .fmx-packs .fmx-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .fmx-packs .fmx-cta .fmx-btn-secondary{color:#fff;border-color:rgba(255,255,255,.28)} .fmx-packs .fmx-cta .fmx-btn-secondary:hover{background:rgba(255,255,255,.08)} @media (max-width:620px){ .fmx-packs .fmx-plan{padding:24px 20px} .fmx-packs .fmx-config{padding:20px} .fmx-packs .fmx-cta{padding:40px 22px} .fmx-packs .fmx-feature{padding:18px} } @media (max-width:980px){ .fmx-packs .fmx-plans,.fmx-packs .fmx-features,.fmx-packs .fmx-centers,.fmx-packs .fmx-config-grid{grid-template-columns:1fr} .fmx-packs .fmx-section{padding:64px 0} .fmx-packs .fmx-hero{padding:64px 0 48px} } @media (prefers-reduced-motion:reduce){.fmx-packs *{transition:none!important}}