/* ============================================================
   BLOKKUS — Page d'accueil
   ------------------------------------------------------------
   Mobile first : la règle de base vise le petit écran, les
   requêtes `min-width` enrichissent. Ne jamais réintroduire de
   requête `max-width` dans ce fichier — c'est le défaut que la
   refonte du 2026-09-02 a corrigé.

   Points de rupture : 640px (deux colonnes de cartes),
   900px (trois colonnes), 1024px (héros sur deux colonnes).
   ============================================================ */

.home{
	font-family:var(--blokkus-font-body);
	color:var(--blokkus-text);
	background:radial-gradient(circle at 20% 0%, var(--blokkus-bg) 0, var(--blokkus-surface-alt) 30%, var(--blokkus-surface-alt) 100%);
	/* Pas d'`overflow:hidden` ici : il rendrait tout `position:sticky`
	   inopérant dans la page. Le décor du héros est rogné chez lui. */
}

/* ------------------------------------------------------------
   Primitives de section
   ------------------------------------------------------------ */

/* Sous 600px, blokkus.css impose `.bk-container{width:100% !important}`
   pour les pages intérieures, qui portent leur propre marge dans
   `#div_padding_contenu`. La page d'accueil n'en a pas : elle pose ici
   sa gouttière, et la rend au conteneur partagé dès 640px. */
.home .bk-container{
	box-sizing:border-box;
	padding:0 16px;
}

.home-section{
	position:relative;
	padding:40px 0;
}

.home-section-alt{
	background:var(--blokkus-surface);
	border-top:1px solid var(--blokkus-border);
	border-bottom:1px solid var(--blokkus-border);
}

.home h1,
.home h2,
.home h3{
	font-family:var(--blokkus-font-heading);
	color:var(--blokkus-deep);
	line-height:1.12;
}

.home-section h2{
	font-size:clamp(26px,5.2vw,40px);
	margin:0 0 16px;
}

.home-lead{
	margin:0 0 24px;
	max-width:68ch;
	font-size:17px;
	line-height:1.55;
	color:var(--blokkus-text-secondary);
}

.home-note{
	margin:20px 0 0;
	max-width:68ch;
	font-size:14px;
	line-height:1.55;
	color:var(--blokkus-muted);
}

/* Lien de renvoi vers /solution/ en fin de section. */
.home-more{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-top:22px;
	font-weight:600;
	font-size:16px;
	color:var(--blokkus-deep);
	text-decoration:none;
	border-bottom:2px solid rgba(80,200,160,.7);
	border-bottom:2px solid color-mix(in srgb, var(--blokkus-mint) 70%, transparent);
	padding-bottom:2px;
	transition:border-color .2s, color .2s;
}

.home-more:hover{
	color:var(--blokkus-accent);
	border-bottom-color:var(--blokkus-accent);
}

.home-more::after{
	content:"\2192";
	font-family:var(--blokkus-font-body);
}

/* Grille de cartes générique : une colonne, puis deux, puis trois. */
.home-cards{
	display:grid;
	gap:14px;
	margin:0;
	padding:0;
	list-style:none;
}

.home-card{
	background:var(--blokkus-surface);
	border:1px solid var(--blokkus-border);
	border-radius:14px;
	padding:20px;
	box-shadow:var(--blokkus-shadow-sm);
	line-height:1.55;
	font-size:16px;
}

.home-card h3{
	margin:0 0 8px;
	font-size:20px;
}

.home-card p{
	margin:0;
}

@media screen and (min-width:640px){
	.home .bk-container{padding:0;}
	.home-section{padding:52px 0;}
	.home-lead{font-size:18px;}
	.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}

@media screen and (min-width:900px){
	.home-section{padding:64px 0;}
	.home-lead{font-size:19px;}
	.home-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* ------------------------------------------------------------
   A1 — Héros
   ------------------------------------------------------------ */

.hero{
	position:relative;
	padding:36px 0 32px;
}

/* Le décor est purement ornemental et se rogne lui-même : c'est ce
   rognage local qui remplace l'ancien `overflow:hidden` du parent. */
.hero-decor{
	position:absolute;
	inset:0;
	z-index:0;
	overflow:hidden;
	pointer-events:none;
	opacity:.18;
}

.hero-decor::before,
.hero-decor::after{
	content:"";
	position:absolute;
	border-radius:999px;
}

.hero-decor::before{
	top:-160px;
	right:-80px;
	width:420px;
	height:420px;
	background:radial-gradient(circle, rgba(80,200,160,.25), rgba(80,200,160,0));
}

.hero-decor::after{
	top:10px;
	left:-120px;
	width:280px;
	height:280px;
	background:radial-gradient(circle, rgba(214,23,66,.18), rgba(214,23,66,0));
}

.hero-decor-grid{
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(28,40,92,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(28,40,92,.06) 1px, transparent 1px);
	background-size:56px 56px;
	mask-image:radial-gradient(circle at 70% 30%, rgba(0,0,0,.55), transparent 60%);
	-webkit-mask-image:radial-gradient(circle at 70% 30%, rgba(0,0,0,.55), transparent 60%);
}

/* Le tracé décoratif ne sert à rien sous 768px : il y débordait de
   210px et n'était sauvé que par le rognage du parent. */
.hero-decor-svg{
	display:none;
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}

.hero-grid{
	position:relative;
	z-index:1;
	display:grid;
	gap:28px;
	align-items:start;
}

.hero-eyebrow{
	display:inline-block;
	margin-bottom:14px;
	padding:8px 12px;
	border-radius:999px;
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-weight:700;
	color:var(--blokkus-ink);
	background:linear-gradient(90deg,rgba(80,200,160,.25),#50c8a0);
	background:linear-gradient(90deg,color-mix(in srgb, var(--blokkus-mint) 25%, transparent),var(--blokkus-mint));
	border:1px solid rgba(80,200,160,.55);
	border:1px solid color-mix(in srgb, var(--blokkus-mint) 55%, transparent);
}

.hero h1{
	margin:0 0 14px;
	font-size:clamp(30px,7.4vw,56px);
	line-height:1.06;
	color:var(--blokkus-deep);
}

.hero-chapo{
	margin:0 0 16px;
	max-width:56ch;
	font-size:clamp(17px,3.4vw,21px);
	line-height:1.45;
	color:var(--blokkus-text-secondary);
}

/* Ligne de réassurance : l'objection n°1 d'un acheteur, traitée
   avant même le premier bouton. */
.hero-reassurance{
	margin:0 0 22px;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:0;
	list-style:none;
}

.hero-reassurance li{
	padding:7px 13px;
	border:1px solid var(--blokkus-border);
	border-radius:999px;
	background:var(--blokkus-surface);
	font-size:13px;
	font-weight:600;
	color:var(--blokkus-text);
}

.hero-actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

/* ---- Panneau des signaux en direct ---- */

.hero-live{
	position:relative;
	overflow:hidden;
	padding:18px;
	border:1px solid var(--blokkus-border);
	border-radius:18px;
	background:linear-gradient(160deg,var(--blokkus-surface) 0%,var(--blokkus-surface-alt) 50%,var(--blokkus-surface-alt) 100%);
	box-shadow:
		var(--blokkus-shadow-md),
		0 0 0 1px rgba(80,200,160,.10),
		inset 0 1px 0 rgba(255,255,255,.25);
	transition:box-shadow .25s, border-color .25s;
}

.hero-live:hover{
	box-shadow:
		var(--blokkus-shadow-lg),
		0 0 0 1px rgba(80,200,160,.18),
		inset 0 1px 0 rgba(255,255,255,.25);
	border-color:rgba(80,200,160,.4);
	border-color:color-mix(in srgb, var(--blokkus-mint) 40%, var(--blokkus-border));
}

.hero-live::before{
	content:"";
	position:absolute;
	top:0;left:0;right:0;
	height:4px;
	border-radius:18px 18px 0 0;
	background:linear-gradient(90deg, var(--blokkus-mint), var(--blokkus-deep) 60%, var(--blokkus-accent));
	pointer-events:none;
}

.hero-live::after{
	content:"";
	position:absolute;
	top:-64px;
	right:-48px;
	width:200px;
	height:200px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(80,200,160,.20), rgba(80,200,160,0));
	pointer-events:none;
}

.hero-live-header{
	position:relative;
	z-index:1;
	margin-bottom:16px;
}

.hero-live-title{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 6px;
	font-family:var(--blokkus-font-heading);
	font-weight:700;
	font-size:19px;
	line-height:1.2;
	color:var(--blokkus-deep);
}

.hero-live-dot{
	flex:0 0 10px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#2ecc71;
	box-shadow:0 0 0 0 rgba(46,204,113,.45);
	animation:bkPulseLive 1.8s infinite;
}

.hero-live-subtitle{
	margin:0;
	font-size:13px;
	font-weight:500;
	color:var(--blokkus-muted);
}

.signal-table{
	display:none;
	position:relative;
	z-index:1;
	animation:bkFadeIn .45s ease;
}

.signal-table.active{
	display:block;
}

.signal-table-title{
	margin:0 0 10px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--blokkus-muted);
}

.live-row{
	position:relative;
	height:34px;
	margin-bottom:10px;
	border:1px solid var(--blokkus-border);
	border-radius:8px;
	overflow:hidden;
	background:var(--blokkus-surface);
	background:color-mix(in srgb, var(--blokkus-surface) 72%, transparent);
	box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
}

.live-row-fill{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	opacity:.85;
	background:linear-gradient(90deg,var(--blokkus-deep) 0%,#3f56a3 55%,var(--blokkus-mint) 100%);
	transition:width .6s ease;
}

.live-row.medium .live-row-fill{
	background:linear-gradient(90deg,#b85c00 0%,var(--blokkus-orange) 100%);
}

.live-row.high .live-row-fill{
	background:linear-gradient(90deg,var(--blokkus-accent) 0%,#a31132 100%);
}

.live-row-label{
	position:relative;
	z-index:1;
	line-height:34px;
	padding:0 56px 0 12px;
	font-size:13px;
	font-weight:600;
	color:var(--blokkus-ink);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.live-row-value{
	position:absolute;
	right:10px;
	top:0;
	z-index:2;
	line-height:34px;
	font-size:13px;
	font-weight:700;
	font-family:var(--blokkus-font-mono);
	letter-spacing:.03em;
	color:var(--blokkus-ink);
}

@media screen and (min-width:640px){
	.hero{padding:48px 0 40px;}
	.hero-live{padding:24px;max-width:560px;}
	.live-row{height:36px;}
	.live-row-label{line-height:36px;font-size:14px;padding-right:64px;}
	.live-row-value{line-height:36px;}
}

@media screen and (min-width:768px){
	.hero-decor-svg{display:block;}
}

@media screen and (min-width:1024px){
	.hero{padding:64px 0 56px;}
	.hero-grid{grid-template-columns:1.15fr .85fr;gap:44px;}
	.hero-live{max-width:none;}
	.hero-live-title{font-size:22px;}
}

/* ------------------------------------------------------------
   A2 — Le problème
   ------------------------------------------------------------ */

.home-griefs{
	counter-reset:grief;
}

.home-griefs .home-card{
	position:relative;
	padding-top:44px;
}

.home-griefs .home-card::before{
	counter-increment:grief;
	content:counter(grief);
	position:absolute;
	top:18px;
	left:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:26px;
	height:26px;
	border-radius:50%;
	font-family:var(--blokkus-font-heading);
	font-size:14px;
	font-weight:700;
	color:#103227;
	background:linear-gradient(135deg,#c7f2e2,var(--blokkus-mint));
}

/* ------------------------------------------------------------
   A3 — Ce qu'est Blokkus
   ------------------------------------------------------------ */

.home-compat{
	margin:0 0 26px;
	max-width:68ch;
	padding:16px 18px;
	border:1px solid var(--blokkus-border);
	border-left:3px solid var(--blokkus-mint);
	border-radius:0 12px 12px 0;
	background:var(--blokkus-surface);
	font-size:16px;
	line-height:1.55;
}

.home-parts{
	display:grid;
	gap:12px;
	margin:0 0 30px;
	padding:0;
	list-style:none;
}

.home-part{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:14px 18px;
	border:1px solid var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
}

.home-part-name{
	font-family:var(--blokkus-font-heading);
	font-weight:700;
	font-size:18px;
	color:var(--blokkus-deep);
}

.home-part-role{
	font-size:14px;
	color:var(--blokkus-muted);
}

@media screen and (min-width:640px){
	.home-parts{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Quatre faits en pastilles, sous le chapô de A2. */
.home-facts{
	display:grid;
	gap:8px;
	margin:0 0 28px;
	padding:0;
	list-style:none;
}

.home-facts li{
	position:relative;
	padding:12px 16px 12px 40px;
	border:1px solid var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
	font-size:15px;
	line-height:1.5;
}

.home-facts li::before{
	content:"";
	position:absolute;
	left:16px;
	top:17px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:linear-gradient(135deg,#c7f2e2,var(--blokkus-mint));
}

/* Sous-titre de section : « Où la solution fonctionne, vous le choisissez ». */
.home-subtitle{
	margin:34px 0 14px;
	font-size:clamp(19px,3.6vw,24px);
	color:var(--blokkus-deep);
}

.home-modes .home-card h4{
	margin:0 0 8px;
	font-family:var(--blokkus-font-heading);
	font-size:19px;
	color:var(--blokkus-deep);
}

@media screen and (min-width:640px){
	.home-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
}

/* Trois effets visibles dans la boîte de réception, sous le schéma de A3. */
.home-effets{
	display:grid;
	gap:10px;
	margin:26px 0 0;
	padding:0;
	list-style:none;
}

.home-effets li{
	padding:16px 18px;
	border:1px solid var(--blokkus-border);
	border-left:3px solid var(--blokkus-mint);
	border-radius:0 12px 12px 0;
	background:var(--blokkus-surface-alt);
	font-size:16px;
	line-height:1.55;
}

.home-section-alt .home-effets li{
	background:var(--blokkus-surface-alt);
}

.home-effets strong{
	color:var(--blokkus-deep);
}

@media screen and (min-width:900px){
	.home-effets{grid-template-columns:repeat(3,minmax(0,1fr));}
	.home-effets li{border-radius:0 12px 12px 0;}
}

/* Encadré de conclusion de section — « Ce que cela change ». */
.home-callout{
	max-width:68ch;
	margin:26px 0 0;
	padding:18px 20px;
	border:1px solid var(--blokkus-border);
	border-left:3px solid var(--blokkus-mint);
	border-radius:0 12px 12px 0;
	background:var(--blokkus-surface);
	font-size:16px;
	line-height:1.55;
}

.home-section-alt .home-callout{
	background:var(--blokkus-surface-alt);
}

/* Liste numérotée des apports, en A5. */
.home-apports{
	counter-reset:apport;
	display:grid;
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}

.home-apports li{
	display:grid;
	grid-template-columns:30px 1fr;
	gap:14px;
	align-items:start;
	padding:15px 18px;
	border:1px solid var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
	font-size:16px;
	line-height:1.5;
}

.home-section-alt .home-apports li{
	background:var(--blokkus-surface-alt);
}

.home-apports li::before{
	counter-increment:apport;
	content:counter(apport);
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:50%;
	font-family:var(--blokkus-font-heading);
	font-size:14px;
	font-weight:700;
	color:#103227;
	background:linear-gradient(135deg,#c7f2e2,var(--blokkus-mint));
}

/* ------------------------------------------------------------
   Anciennes primitives, encore employées
   ------------------------------------------------------------ */

.home-consequences{
	display:grid;
	gap:10px;
	margin:0 0 8px;
	padding:0;
	list-style:none;
}

.home-consequences li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:15px 18px;
	border:1px solid var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
	font-size:16px;
	line-height:1.5;
	font-weight:600;
}

.home-consequences li::before{
	content:"";
	flex:0 0 20px;
	width:20px;
	height:20px;
	margin-top:2px;
	border-radius:50%;
	background:
		linear-gradient(135deg,#c7f2e2,var(--blokkus-mint));
	box-shadow:inset 0 0 0 6px var(--blokkus-surface);
}

@media screen and (min-width:900px){
	.home-consequences{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Rappel d'appel à l'action intermédiaire. */
.home-cta-strip{
	margin-top:36px;
	padding:24px 20px;
	border:1px solid var(--blokkus-border);
	border-radius:16px;
	background:var(--blokkus-surface-alt);
	text-align:center;
}

.home-cta-strip p{
	margin:0 0 16px;
	font-family:var(--blokkus-font-heading);
	font-size:clamp(19px,3.6vw,24px);
	line-height:1.25;
	color:var(--blokkus-deep);
}

/* ------------------------------------------------------------
   A5 — Quelques données techniques, jamais le message
   ------------------------------------------------------------ */

.home-statement{
	margin:0 0 22px;
	max-width:62ch;
	font-family:var(--blokkus-font-heading);
	font-size:clamp(18px,3.6vw,23px);
	line-height:1.35;
	color:var(--blokkus-deep);
}

/* La limite que nous énonçons nous-mêmes. Volontairement sobre :
   elle vaut par son existence, pas par sa mise en avant. */
.home-limit{
	max-width:68ch;
	padding:18px 20px;
	border:1px dashed var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
}

.home-limit-title{
	display:block;
	margin-bottom:8px;
	font-family:var(--blokkus-font-heading);
	font-weight:700;
	font-size:15px;
	letter-spacing:.03em;
	text-transform:uppercase;
	color:var(--blokkus-muted);
}

.home-limit p{
	margin:0;
	font-size:16px;
	line-height:1.55;
}

/* ------------------------------------------------------------
   A6 — Souveraineté vérifiable
   ------------------------------------------------------------ */

.home-sovereignty{
	counter-reset:crit;
	display:grid;
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}

.home-sovereignty li{
	display:grid;
	gap:6px;
	padding:16px 18px;
	border:1px solid var(--blokkus-border);
	border-radius:12px;
	background:var(--blokkus-surface);
}

.home-sov-criterion{
	display:flex;
	align-items:baseline;
	gap:10px;
	font-family:var(--blokkus-font-heading);
	font-weight:700;
	font-size:16px;
	color:var(--blokkus-deep);
}

.home-sov-criterion::before{
	counter-increment:crit;
	content:counter(crit);
	flex:0 0 auto;
	font-size:13px;
	color:var(--blokkus-muted);
}

.home-sov-answer{
	font-size:15px;
	line-height:1.5;
	color:var(--blokkus-text-secondary);
}

@media screen and (min-width:768px){
	.home-sovereignty li{
		grid-template-columns:1fr 1fr;
		align-items:center;
		gap:20px;
	}

	.home-sov-answer{
		padding-left:20px;
		border-left:1px solid var(--blokkus-border);
	}
}

.home-levels{
	margin-top:16px;
}

.home-levels .home-card h3{
	font-size:18px;
}

/* ------------------------------------------------------------
   A7 — Ce que chacun y gagne
   ------------------------------------------------------------ */

.home-roles .home-card h3{
	color:var(--blokkus-deep);
	font-size:19px;
}

.home-visibility{
	margin:28px 0 0;
	max-width:68ch;
	padding:20px;
	border:1px solid var(--blokkus-border);
	border-radius:14px;
	background:var(--blokkus-surface);
	font-size:16px;
	line-height:1.55;
}

/* ------------------------------------------------------------
   A10 — L'axe RSE
   ------------------------------------------------------------ */

.home-lead-spaced{
	margin-top:24px;
}

.home-dimensions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 8px;
	padding:0;
	list-style:none;
}

.home-dimensions li{
	padding:7px 14px;
	border:1px solid var(--blokkus-border);
	border-radius:999px;
	background:var(--blokkus-surface);
	font-size:14px;
	font-weight:600;
}

.home-section-alt .home-dimensions li{
	background:var(--blokkus-surface-alt);
}

.home-figures{
	display:grid;
	gap:14px;
	margin:24px 0 0;
	padding:0;
	list-style:none;
}

.home-figures li{
	padding:20px;
	border:1px solid var(--blokkus-border);
	border-radius:14px;
	background:var(--blokkus-surface);
	text-align:center;
}

.home-section-alt .home-figures li{
	background:var(--blokkus-surface-alt);
}

.home-figure-value{
	display:block;
	font-family:var(--blokkus-font-heading);
	font-weight:700;
	font-size:clamp(24px,5.4vw,32px);
	line-height:1.15;
	color:var(--blokkus-deep);
}

.home-figure-label{
	display:block;
	margin-top:8px;
	font-size:14px;
	color:var(--blokkus-muted);
}

@media screen and (min-width:768px){
	.home-figures{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* ------------------------------------------------------------
   A11 — Écosystème
   ------------------------------------------------------------ */

.home-partners{
	padding:40px 0 46px;
	background:var(--blokkus-surface);
	border-top:1px solid var(--blokkus-line);
	text-align:center;
}

.home-partners h2{
	margin:0 0 22px;
	font-size:clamp(18px,3.6vw,22px);
	color:var(--blokkus-muted);
	font-weight:600;
	letter-spacing:.02em;
}

.home-partners-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:16px;
}

.home-partners-grid img{
	width:auto;
	height:40px;
	max-width:130px;
	object-fit:contain;
	filter:grayscale(.18);
	opacity:.85;
}

@media screen and (min-width:640px){
	.home-partners-grid{gap:18px;}
	.home-partners-grid img{height:54px;max-width:180px;}
}

/* En thème sombre, ces logos disparaissent : ce sont des fichiers à fond
   transparent et à encre foncée, dont plusieurs ne portent que du texte
   noir. Ils ne peuvent pas être recolorés — ce sont des logos
   institutionnels, et l'emblème européen comme le drapeau tricolore ont
   des couleurs imposées. On leur pose donc un support clair, et on retire
   le grisé et la transparence, qui ne servent qu'à les apaiser sur fond
   blanc. */
html[data-theme="dark"] .home-partners-grid img{
	/* content-box : la feuille de reset pose border-box partout, et la
	   hauteur déclarée plus haut absorberait alors le rembourrage — les
	   logos rétréciraient de moitié en thème sombre. */
	box-sizing:content-box;
	background:#ffffff;
	border-radius:10px;
	padding:8px 12px;
	filter:none;
	opacity:1;
}

/* ------------------------------------------------------------
   Animations et garde d'accessibilité
   ------------------------------------------------------------ */

@keyframes bkPulseLive{
	0%{box-shadow:0 0 0 0 rgba(46,204,113,.45);}
	70%{box-shadow:0 0 0 7px rgba(46,204,113,0);}
	100%{box-shadow:0 0 0 0 rgba(46,204,113,0);}
}

@keyframes bkFadeIn{
	from{opacity:.35;}
	to{opacity:1;}
}

/* Aucun contenu de cette page ne dépend d'une animation pour être
   visible : les animations ne font que décorer. Sous
   `prefers-reduced-motion`, les deux tableaux de signaux sont
   empilés plutôt que permutés — /js/home.js coupe la permutation
   de son côté. */
@media (prefers-reduced-motion:reduce){
	.home *,
	.home *::before,
	.home *::after{
		animation:none !important;
		transition:none !important;
	}

	.signal-table{display:block;}

	.signal-table + .signal-table{margin-top:18px;}
}