/* Souffl : papier chaud et accents indigo, dans la continuité de souffl.io.
   Les couleurs sémantiques et les repères de focus conservent leur rôle. */
:root {
  --pr-paper: #f5f1eb;
  --pr-mist: #ddd6cd;
  --pr-mist-soft: #f0ebe4;
  --pr-panel: #fffcf8;
  --pr-ink: #201c18;
  --pr-ink-soft: #39332d;
  --pr-ink-muted: #665e54;
  --pr-ink-tertiary: #6b6359;
  --pr-iris: #5140da;
  --pr-iris-ink: #3c2ab3;
  --pr-iris-brand: #7464df;
  --pr-iris-wash: #eeebfa;
  --pr-gradient-prism-wash:
    radial-gradient(90% 65% at 12% 0%, rgb(116 100 223 / .035), transparent 65%),
    radial-gradient(80% 60% at 100% 90%, rgb(163 185 167 / .04), transparent 65%);
  --souffl-prism-wash:
    radial-gradient(90% 130% at 0% 0%, rgb(116 100 223 / .065), transparent 62%),
    radial-gradient(85% 150% at 100% 100%, rgb(163 185 167 / .065), transparent 62%);
  --pr-shadow-sm: 0 1px 3px rgb(32 28 24 / .045);
  --pr-shadow: 0 2px 5px rgb(32 28 24 / .035), 0 18px 48px -28px rgb(32 28 24 / .18);
}
body { background-color: var(--pr-paper); }
.top, .nav { background: var(--pr-panel); }
.home-hero, .view-hero { border-radius: 18px; }
.home-stat, .home-action, .detail-card, .docs-block { border-radius: 14px; }
.home-hero, .home-stat, .detail-card { box-shadow: var(--pr-shadow); }
.nav button.on { background: var(--pr-iris-wash); }
button.primary { background: var(--pr-iris); color: var(--pr-white); }
button.primary:hover { background: var(--pr-iris-ink); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Les aperçus du produit sont des captures, avec leurs proportions réelles. */
.guide-real-panel { position: relative; display: block; height: 220px; width: auto; max-width: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 14px 32px rgb(62 46 29 / .12); }
.guide-real-suggestion { margin: 0; align-self: center; width: 100%; }
.guide-real-suggestion img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 24px rgb(62 46 29 / .08); }
.guide-real-suggestion figcaption { margin-top: 10px; color: var(--text-2); font-size: 11px; }

.guide-real-prep { margin: 0; text-align: center; }
.guide-real-prep img { display: block; height: 340px; max-width: 100%; width: auto; margin: 0 auto; border-radius: 12px; box-shadow: var(--pr-shadow); }
.guide-real-prep figcaption { margin-top: 10px; color: var(--text-2); font-size: 11px; }

@media (max-width: 640px) {
  .home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-stat { padding: 16px; }
  .home-hero .guide-hero-orbit { display: none; }
}
/* BETA publique : retour visible sur chaque écran, actions regroupées dans Compte. */
.beta-badge { display: inline-flex; align-items: center; font-size: .7rem; font-weight: 700; letter-spacing: .06em; padding: .25rem .5rem; border-radius: 999px; background: #eae8ff; color: #39337a; }
.beta-feedback-link { color: #39337a; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
.top > .beta-feedback-link { margin-left: auto; font-size: .85rem; }
.beta-notice { padding: 1.25rem; margin-bottom: 1.5rem; border: 1px solid #cbc7ec; border-radius: 16px; background: #f4f2ff; color: #292645; }
.beta-notice h2, .beta-notice h3 { margin-top: 0; }
.beta-notice p { line-height: 1.6; }
.beta-notice a { color: #39337a; font-weight: 600; }
.beta-topup { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #dedbe9; }
.beta-topup textarea { width: 100%; box-sizing: border-box; margin-bottom: .75rem; }
@media (max-width: 600px) {
  .top > .beta-feedback-link { max-width: 9rem; text-align: right; font-size: .75rem; }
  .top .who { display: none; }
  .beta-notice .row { flex-wrap: wrap; gap: .75rem; }
}