@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

:root {
  --bg-image: url('/img/landing/planete-zone/bg.jpg');
  --footer-bg: transparent;
  --footer-color: rgba(0, 0, 0, .5);
  --footer-color-muted: rgba(0, 0, 0, .3);
  --footer-link-color: rgba(0, 0, 0, .5);
  --bs-font-sans-serif: "Space Grotesk", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-color: #0d59a0;
  --bs-link-color: #2f2f2f;
  --bs-link-hover-color: #2f2f2f;
  --bs-primary: #ec5e10;
  --bs-primary-rgb: 236, 94, 16;
  --bs-dark-rgb: 17, 17, 17;
  --bs-gray-900: #ec5e10;
}

#page-links a { color: rgba(255, 255, 255, .5); text-decoration: none; }
#page-links span { color: #fff; margin: 0 .25rem; }
#page-links .col-12 { margin-top: 1.5rem; text-align: center; }

#btn_cta_1,
#btn_cta_1_sms {
    width: 93%;
    margin: 1rem auto;
    padding: 35px 12px;
    background: #0d59a0;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: .5rem;
}

#btn_cta_1:hover,
#btn_cta_1_sms:hover {
    background: #094a87;
    color: #fff;
}

/* Typography */
h1 {
    font-size: 3rem;
}

@media (min-width: 1200px) {
    h1 { font-size: 3.6rem; }
}

h2 {
    font-size: 2rem;
}

.lead {
    font-size: 1.1rem;
    font-weight: 300;
}

/* Override Bootstrap muted to match prod dark tone */
.text-muted {
    color: #2f2f2f !important;
}

/* Center content in form section */
#page-form p {
    text-align: center;
}

/* Small print below CTA: black, 12px */
#form-under-price,
#form-sms-text {
    color: #000;
    font-size: 0.75rem;
}

/* Dispositif paragraph: grey bold left-aligned with top spacing */
.dispositif {
    color: #bbbbbb;
    font-size: 1.1rem;
    font-weight: 700;
    padding-top: 2rem;
}

/* Section paddings */
#page-form {
    padding: 0.25rem 0;
}

#page-highlights {
    padding: 3rem 0;
}

#page-about,
#page-subscribers {
    padding: 3rem 0;
    margin: 3rem 0;
}

/* About section paragraph: darker text, match prod */
#page-about p {
    color: #2f2f2f;
    font-size: 1.1rem;
}

.highlight-item p {
    color: #2f2f2f;
}