/* benoitlaine.com — page de redirection douce vers www.benoitlaine.fr (magnétisme + massage
   sonore), zéro tracking. Palette reprise de soins-sonores-rouen/css/style.css (même famille
   que le site principal), dupliquée ici puisque ce domaine est indépendant. Pas de police
   personnalisée (domaine secondaire, simple page de passage) : pile système uniquement. */

:root {
	--p-glycine2:    #8D6996;
	--p-glycine3:    #804E8E;
	--p-violet:      #703083;
	--p-saumon:      #F0C68E;
	--p-jaune:       #FDE8C6;
	--p-rose:        #FAE3DF;
	--text: #2e2a26;
	--muted: #6b6560;
	--accent: var(--p-glycine3);
	--accent-dark: var(--p-violet);
	--card-bg: #ffffff;
	--border: #e4ddd3;
	--radius: 14px;
	--max-width: 900px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--text);
	background-attachment: fixed;
	background-image: linear-gradient(to bottom, var(--p-saumon) 0%, var(--p-saumon) 15%, var(--p-jaune) 50%, var(--p-rose) 100%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	line-height: 1.6;
}

img {
	max-width: 100%;
	display: block;
}

a {
	color: var(--accent-dark);
}

.container {
	width: 92%;
	max-width: var(--max-width);
	margin: 0 auto;
}

h1, h2 {
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 0.5em;
	text-align: center;
}

h1 { font-size: 1.7rem; }
h2 { font-size: 1.3rem; }

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

p {
	margin: 0 0 1em;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	border-radius: 999px;
	background: var(--accent);
	color: #fff !important;
	text-decoration: none;
	font-weight: 700;
	font-size: 1rem;
	transition: background 0.2s, transform 0.2s;
}
.btn:hover {
	background: var(--accent-dark);
	transform: translateY(-2px);
}

.logo {
	display: block;
	margin: 0 auto 16px;
}

.intro {
	padding: 70px 0 30px;
	text-align: center;
}

.univers-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	padding: 20px 0 70px;
}

@media (min-width: 700px) {
	.univers-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.univers-card {
	background: var(--card-bg);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 24px;
	text-align: center;
}

.univers-image {
	border-radius: var(--radius);
	overflow: hidden;
	aspect-ratio: 4 / 3;
	margin: 0 auto 20px;
	background: var(--p-jaune);
}
.univers-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

footer {
	padding: 30px 0 40px;
	text-align: center;
	font-size: 0.85rem;
	color: var(--muted);
}
footer a {
	color: var(--muted);
	text-decoration: underline;
}