/* public/app/css/layout-paid.css
 * Synopsis: Module layout-paid.
 * Objectif: Console au 1er viewport, marketing masqué.
 */

body[data-layout="paid"] .dictation {
    align-items: start;
    display: grid;
    gap: clamp(1rem, 2.5vw, 1.75rem);
    grid-template-columns: minmax(0, 1fr);
    min-height: calc(100svh - 4rem);
    padding-block: clamp(.85rem, 2vw, 1.5rem);
}

body[data-layout="paid"] .dictation .signal {
    display: none;
}

body[data-layout="paid"] .dictation-copy {
    max-width: 40rem;
}

body[data-layout="paid"] .dictation-copy h1 {
    font-size: clamp(1.6rem, 3.5vw, 2.6rem);
}

body[data-layout="paid"] .dash:not(.dash--fs) {
    margin-top: .5rem;
    max-width: 100%;
    width: 100%;
}

body[data-layout="paid"] .features,
body[data-layout="paid"] .offers,
body[data-layout="paid"] .docs {
    display: none;
}