/* Next Flow · direction « Midnight » pour les pages publiques (Découvrir, Appel démo, documents) */
:root {
  --bg: #0B1521; --deep: #08111B; --surface: rgba(245,244,240,0.045); --navy: #0E1B2A;
  --line: rgba(245,244,240,0.09); --line2: rgba(245,244,240,0.14);
  --text: #F5F4F0; --soft: #C9D1D9; --muted: #A9B4C0; --accent: #B85D43; --accent-text: #E39A80; --ok: #6FBF8A;
  --serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', Montserrat, system-ui, sans-serif;
  --sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Montserrat, system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}
html, body { background-color: #0B1521; }
body.mn { background-image: radial-gradient(rgba(245,244,240,0.05) 1px, transparent 1px); background-size: 22px 22px; background-attachment: fixed; letter-spacing: -0.01em; }
body.mn::before { content: ''; position: fixed; top: -220px; right: -180px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(184,93,67,0.28), rgba(184,93,67,0) 68%); pointer-events: none; z-index: 0; }
body.mn > * { position: relative; z-index: 1; }
.mn em { font-style: normal; color: var(--accent-text); }
.mn h1, .mn h2, .mn h3 { font-weight: 700; letter-spacing: -0.035em; }
.mn .eyebrow { font-family: var(--mono); font-weight: 500; letter-spacing: 0.16em; color: var(--accent-text); }
.mn .btn { border-radius: 14px; text-transform: none; letter-spacing: -0.01em; font-size: 15px; font-weight: 600; }
.mn .btn.primary { box-shadow: 0 10px 30px rgba(184,93,67,0.35); }
.mn .btn.ghost { background: var(--surface); border-color: var(--line2); }
.mn .tag { font-family: var(--mono); letter-spacing: 0.08em; border-radius: 7px; }

/* Découvrir */
.mn .nav { background: rgba(11,21,33,0.8); z-index: 10; position: sticky; }
.mn .brand b { font-weight: 700; letter-spacing: -0.02em; }
.mn .brand span { font-family: var(--mono); color: var(--accent-text); }
.mn h1 { line-height: 1.02; }
.mn .pain { border-color: var(--line2); }
.mn .pain .n, .mn .amount { font-family: var(--mono); font-weight: 600; letter-spacing: -0.04em; }
.mn .step, .mn .card, .mn .price { background: linear-gradient(180deg, rgba(245,244,240,0.06), rgba(245,244,240,0.015)); border-color: var(--line2); border-radius: 22px; }
.mn .card.navy { background: linear-gradient(180deg, rgba(14,27,42,0.95), rgba(14,27,42,0.7)); }
.mn .price.main { background: linear-gradient(180deg, rgba(184,93,67,0.16), rgba(184,93,67,0.02)); border-color: rgba(227,154,128,0.45); box-shadow: 0 0 60px rgba(184,93,67,0.12); }
.mn .step .k { font-family: var(--mono); letter-spacing: 0.14em; }
.mn .quote { font-family: var(--sans); font-style: normal; font-size: 16px; background: rgba(184,93,67,0.12); border: 1px solid rgba(227,154,128,0.25); }
.mn summary { font-family: var(--sans); font-weight: 600; font-size: 19px; letter-spacing: -0.02em; }
.mn .phone .frame { background: linear-gradient(160deg, #1B2B3F, #0B1521); box-shadow: 0 40px 90px rgba(0,0,0,0.6), 0 0 80px rgba(184,93,67,0.18), inset 0 0 0 1px rgba(245,244,240,0.1); }
.mn .shots img { box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 40px rgba(184,93,67,0.1); }
.mn input, .mn select, .mn textarea { background: rgba(245,244,240,0.06) !important; border: 1px solid var(--line2) !important; border-radius: 12px !important; color: var(--text) !important; }
.mn input:focus, .mn select:focus, .mn textarea:focus { outline: none; border-color: rgba(227,154,128,0.6) !important; box-shadow: 0 0 0 3px rgba(184,93,67,0.2); }
.mn section { border-top-color: var(--line); }

/* Appel démo */
.mn h1 { font-family: var(--serif); }
.mn .timer { font-family: var(--mono); font-weight: 500; }
.mn .status { font-family: var(--mono); font-weight: 500; }
.mn .orb { background: radial-gradient(circle at 34% 28%, #F2B9A4 0%, #E39A80 18%, #B85D43 56%, #5A2618 100%); box-shadow: 0 0 60px rgba(184,93,67,0.55), inset 0 -14px 30px rgba(14,27,42,0.5); }
.mn .orb.live { background: radial-gradient(circle at 34% 28%, #2A3B52, #15253A 60%, #0B1521); box-shadow: 0 0 40px rgba(227,154,128,0.25), inset 0 1px 0 rgba(255,255,255,0.08); }
.mn .ring { border-color: rgba(227,154,128,0.22); }
.mn .ideas, .mn .msg.agent { background: var(--surface); border-color: var(--line2); }
.mn .ideas p { font-family: var(--sans); font-style: normal; font-size: 15px; font-weight: 500; }
.mn .msg.user { background: rgba(184,93,67,0.24); border: 1px solid rgba(227,154,128,0.3); }
.mn .done strong { font-family: var(--sans); font-weight: 700; }
.mn footer span { font-family: var(--mono); }

/* Documents : la feuille reste blanche (impression), seul l'écran autour passe en nuit */
body.mn.doc .btn { background: var(--accent); color: #fff; }
body.mn.doc .btn.ghost { background: rgba(245,244,240,0.06); color: #F5F4F0; border: 1px solid var(--line2); }
body.mn.doc .paper, body.mn.doc .accept { box-shadow: 0 30px 80px rgba(0,0,0,0.5); }
body.mn.doc .empty h1, body.mn.doc .empty p { color: #F5F4F0; }
@media print { html, body, body.mn { background: #fff !important; background-image: none !important; } body.mn::before { display: none; } }
/* Captures de l'appli : garder les proportions du téléphone */
.mn .shots img, .mn .phone img { height: auto; aspect-ratio: 390 / 844; object-fit: cover; width: 100%; }

/* Découvrir · bloc « Testez Léa » */
.mn .try { background: radial-gradient(60% 80% at 75% 50%, rgba(184,93,67,0.14), rgba(184,93,67,0) 70%); }
.mn .try-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 60px; align-items: center; }
.mn .try-copy { display: flex; flex-direction: column; gap: 22px; }
.mn .try-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.mn .try-list li { padding: 12px 16px; border-radius: 14px; background: rgba(245,244,240,0.05); border: 1px solid var(--line2); color: var(--soft); font-size: 15px; }
.mn .try-orb { position: relative; justify-self: center; width: 300px; height: 300px; display: grid; place-items: center; text-decoration: none; }
.mn .try-orb .r1, .mn .try-orb .r2 { position: absolute; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(227,154,128,0.45); animation: tryring 2.6s ease-out infinite; }
.mn .try-orb .r2 { animation-delay: 1.3s; }
.mn .try-orb .orb-b { width: 180px; height: 180px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: radial-gradient(circle at 34% 28%, #F2B9A4 0%, #E39A80 18%, #B85D43 56%, #5A2618 100%); box-shadow: 0 0 70px rgba(184,93,67,0.55), inset 0 -16px 34px rgba(14,27,42,0.5); transition: transform .2s; animation: trybreathe 3.2s ease-in-out infinite; }
.mn .try-orb:hover .orb-b { transform: scale(1.05); }
.mn .try-cap { position: absolute; bottom: 0; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-text); }
@keyframes tryring { 0% { transform: scale(.85); opacity: .6; } 100% { transform: scale(1.55); opacity: 0; } }
@keyframes trybreathe { 0%,100% { box-shadow: 0 0 60px rgba(184,93,67,0.5), inset 0 -16px 34px rgba(14,27,42,0.5); } 50% { box-shadow: 0 0 90px rgba(184,93,67,0.7), inset 0 -16px 34px rgba(14,27,42,0.5); } }
@media (max-width: 860px) { .mn .try-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; } .mn .try-orb { order: -1; width: 240px; height: 240px; } .mn .try-orb .orb-b { width: 140px; height: 140px; } .mn .try-orb .r1, .mn .try-orb .r2 { width: 160px; height: 160px; } }
@media (prefers-reduced-motion: reduce) { .mn .try-orb .r1, .mn .try-orb .r2, .mn .try-orb .orb-b { animation: none; } }