/* bease-ui — copié de bease-site/src/assets/css/site.css par tools/extraire-du-site.js (fiche n° 33, §3.1) : jamais redessiné.
   Ne pas modifier ici : changer le site, relancer l'outil (le site reste la source jusqu'à l'étape 4). */
.review-banner+main .hero,.review-banner+main .ph,.review-banner+main .how-top{padding-top:3rem}
.test-banner:not([hidden])+main .hero,.test-banner:not([hidden])+main .ph,.test-banner:not([hidden])+main .how-top{padding-top:3rem}
.ml-become{margin-top:1rem}
.ml-become-btn{display:flex;width:100%;min-height:52px;padding-block:.6rem;text-align:center;white-space:normal}
.ml-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.75rem;margin-top:1.5rem}
@media(max-width:767px){.ml-card{padding:1.25rem}}
.ml-card .bec-composer-line{font-size:1.75rem;margin:.35rem 0 0}
.ml-how{color:#fff;font-weight:600;font-size:1rem;margin:.4rem 0 0}
.ml-methods{margin-top:.2rem}
.ml-note{margin-top:.9rem}
.ml-sent-title{color:#fff;font-weight:700;font-size:1.15rem;margin:0 0 .4rem}
#ml-link-sent{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.12)}
#ml-link-sent p:last-child{margin:0}
.ml-code-title{font-size:1.4rem;margin:0 0 .6rem}
.ml-code-valid{margin:.5rem 0 0}
.ph.plans-head .lead{max-width:680px;font-size:17px;color:#d8d8d8}
.ph .amb-launch-band{display:block;background:var(--gold);color:#000;font-size:18px;font-weight:700;line-height:1.35;padding:10px 18px;border-radius:24px;margin:1.25rem 0 1.5rem;max-width:none}
.callout{border:1px solid rgba(234,179,8,.4);background:rgba(234,179,8,.06);border-radius:var(--r);padding:1.5rem}
.callout.n{border-color:var(--line2);background:rgba(255,255,255,.04)}
.callout p:last-child{margin-bottom:0}
.ph{padding:var(--page-top) 0 3rem}
.ph h1,.rv-head h1{font-size:clamp(2.2rem,7vw,4.5rem)}
.ph .lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:44rem}
.ph .entity{font-size:.75rem;color:var(--dim);margin-top:1.5rem;letter-spacing:.08em;text-transform:uppercase}