/**
 * Kynova2026 — feuille principale (mobile-first, min-width).
 *
 * @package Kynova2026
 */

/* -------------------------------------------------------------------------
   Variables (alignées theme.json — corps / titres / accents)
   ------------------------------------------------------------------------- */
:root {
	/* Palette Kynova (navy + vert vif) */
	--kyn-color-bg: #f7f9fb;
	--kyn-color-surface: #f7f9fb;
	--kyn-color-surface-low: #f2f4f6;
	--kyn-color-surface-high: #e6e8ea;
	--kyn-color-surface-highest: #e0e3e5;
	--kyn-color-white: #ffffff;
	--kyn-color-text: #191c1e;
	--kyn-color-muted: #76767f;
	--kyn-color-primary: #121e44;
	--kyn-color-primary-hover: #1c2b55;
	--kyn-color-primary-container: #1c2b55;
	--kyn-color-on-primary: #ffffff;
	--kyn-color-on-primary-muted: rgba(255, 255, 255, 0.8);
	--kyn-color-on-primary-container: #8893b8;
	--kyn-color-secondary: #6bd324;
	--kyn-color-secondary-hover: #5bb81f;
	--kyn-color-border: #c6c5cf;
	--kyn-color-border-soft: rgba(18, 30, 68, 0.1);
	--kyn-color-accent-line: #6bd324;
	--kyn-color-highlight: #dce1ff;
	/* Corps : Jost — Titres : Montserrat Alternates */
	--kyn-font-sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
	--kyn-font-heading: "Montserrat Alternates", "Jost", system-ui, sans-serif;
	--kyn-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--kyn-space-1: 0.5rem;
	--kyn-space-2: 1rem;
	--kyn-space-3: 1.5rem;
	--kyn-space-4: 2rem;
	--kyn-space-5: 3rem;
	--kyn-space-section: 4rem;
	--kyn-space-gutter: 1.5rem;
	--kyn-radius: 0.75rem;
	--kyn-radius-lg: 1rem;
	--kyn-radius-xl: 1.25rem;
	--kyn-radius-sm: 0.25rem;
	--kyn-content-max: 720px;
	--kyn-wide-max: 1280px;
	--kyn-header-max: 1380px;
	--kyn-header-height: 5rem;
	--kyn-z-header: 100;
	--kyn-z-menu-panel: 90;
	--kyn-line-height-body: 1.6;
	--kyn-line-height-heading: 1.2;
	/* Point de bascule menu horizontal / burger (Kynova2026) */
	--kyn-nav-desktop-min: 1380px;
}

/* -------------------------------------------------------------------------
   Reset léger (sans outline:0 global — voir :focus-visible plus bas)
   ------------------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	/* Pas d’overflow ici : ça casse position:sticky sur le header */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

img,
svg,
video,
canvas,
embed,
iframe,
object {
	max-width: 100%;
	height: auto;
}

figure {
	margin: 0;
}

.grecaptcha-badge {
	z-index: -10;
}

/* -------------------------------------------------------------------------
   Base
   ------------------------------------------------------------------------- */
body {
	margin: 0;
	font-family: var(--kyn-font-sans);
	font-size: 1rem;
	line-height: var(--kyn-line-height-body);
	font-weight: 400;
	color: var(--kyn-color-text);
	background: var(--kyn-color-bg);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

/* Focus visible (a11y) — ne pas retirer outline sur :focus seul */
a:focus-visible,
button:focus-visible,
.menu-toggle:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.submenu-toggle:focus-visible {
	outline: 2px solid var(--kyn-color-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	/* Exception documentée : réduction globale des animations (a11y). */
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Screen reader text (skip link) */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: var(--kyn-color-text);
	color: var(--kyn-color-bg);
	clip: auto !important;
	clip-path: none;
	display: block;
	font-size: 1rem;
	height: auto;
	left: var(--kyn-space-2);
	line-height: normal;
	padding: var(--kyn-space-1) var(--kyn-space-2);
	text-decoration: none;
	top: var(--kyn-space-2);
	width: auto;
	z-index: 100000;
}

/* -------------------------------------------------------------------------
   Typographie & éléments — contenu éditorial (évite surcharges globales h1/p)
   ------------------------------------------------------------------------- */
.site-main .entry-content,
.site-main .entry-summary,
.site-main .comment-body,
.site-main .no-results {
	font-family: var(--kyn-font-sans);
}

.site-main .entry-content h1,
.site-main .entry-content h2,
.site-main .entry-content h3,
.site-main .entry-content h4,
.site-main .entry-content h5,
.site-main .entry-content h6 {
	font-family: var(--kyn-font-heading);
	font-weight: 600;
	line-height: var(--kyn-line-height-heading);
	margin: 0 0 var(--kyn-space-2);
	color: var(--kyn-color-text);
}

.site-main .entry-content h1 {
	font-size: clamp(1.875rem, 1.4rem + 1.5vw, 2.375rem);
}

.site-main .entry-content h2 {
	font-size: clamp(1.625rem, 1.25rem + 1.2vw, 2rem);
}

.site-main .entry-content h3 {
	font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
}

.site-main .entry-content h4 {
	font-size: clamp(1.25rem, 1rem + 0.6vw, 1.5rem);
}

.site-main .entry-content h5 {
	font-size: 1.125rem;
}

.site-main .entry-content h6 {
	font-size: 1rem;
	color: var(--kyn-color-muted);
}

.site-main .entry-content p,
.site-main .entry-summary p {
	margin: 0 0 var(--kyn-space-3);
}

.site-main .entry-content p:last-child,
.site-main .entry-summary p:last-child {
	margin-bottom: 0;
}

.site-main .entry-content b,
.site-main .entry-content strong {
	font-weight: 700;
}

.site-main .entry-content dfn,
.site-main .entry-content cite,
.site-main .entry-content em,
.site-main .entry-content i {
	font-style: italic;
}

.site-main .entry-content blockquote,
.site-main .entry-content .wp-block-quote {
	margin: 0 0 var(--kyn-space-3);
	padding-inline-start: var(--kyn-space-3);
	border-inline-start: 4px solid var(--kyn-color-primary);
	font-size: 1.125rem;
	font-style: italic;
	color: var(--kyn-color-muted);
}

.site-main .entry-content address {
	margin: 0 0 var(--kyn-space-3);
	font-style: normal;
}

.site-main .entry-content pre {
	background: var(--kyn-color-border);
	font-family: var(--kyn-font-mono);
	font-size: 0.9375rem;
	line-height: var(--kyn-line-height-body);
	margin: 0 0 var(--kyn-space-3);
	max-width: 100%;
	overflow: auto;
	padding: var(--kyn-space-3);
	border-radius: var(--kyn-radius);
}

.site-main .entry-content code,
.site-main .entry-content kbd,
.site-main .entry-content tt,
.site-main .entry-content var {
	font-family: var(--kyn-font-mono);
	font-size: 0.9em;
}

.site-main .entry-content abbr[title],
.site-main .entry-content acronym[title] {
	border-bottom: 1px dotted var(--kyn-color-primary);
	cursor: help;
	text-decoration: none;
}

.site-main .entry-content mark,
.site-main .entry-content ins {
	background: var(--kyn-color-highlight);
	text-decoration: none;
}

.site-main .entry-content sup,
.site-main .entry-content sub {
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.site-main .entry-content sup {
	top: -0.35em;
}

.site-main .entry-content sub {
	bottom: -0.2em;
}

.site-main .entry-content small {
	font-size: 0.875em;
}

.site-main .entry-content hr,
.site-main .entry-content .wp-block-separator {
	border: 0;
	background-color: var(--kyn-color-accent-line);
	height: 1px;
	margin: var(--kyn-space-3) 0;
}

.site-main .entry-content ul,
.site-main .entry-content ol,
.site-main .entry-summary ul,
.site-main .entry-summary ol {
	margin: 0 0 var(--kyn-space-3) var(--kyn-space-3);
	padding: 0;
}

.site-main .entry-content ul,
.site-main .entry-summary ul {
	list-style: disc;
}

.site-main .entry-content ol,
.site-main .entry-summary ol {
	list-style: decimal;
}

.site-main .entry-content li > ul,
.site-main .entry-content li > ol,
.site-main .entry-summary li > ul,
.site-main .entry-summary li > ol {
	margin-bottom: 0;
	margin-top: var(--kyn-space-1);
}

.site-main .entry-content dt {
	font-weight: 700;
}

.site-main .entry-content dd {
	margin: 0 0 var(--kyn-space-2) var(--kyn-space-3);
}

.site-main .entry-content table,
.site-main .entry-summary table {
	width: 100%;
	margin: 0 0 var(--kyn-space-3);
	border-collapse: collapse;
}

.site-main .entry-content th,
.site-main .entry-content td,
.site-main .entry-content .wp-block-table th,
.site-main .entry-content .wp-block-table td {
	border: 1px solid var(--kyn-color-border);
	padding: var(--kyn-space-1) var(--kyn-space-2);
	text-align: start;
	vertical-align: top;
}

.site-main .entry-content th {
	font-weight: 600;
	background: var(--kyn-color-surface);
}

.site-main .entry-content caption {
	caption-side: bottom;
	font-size: 0.875rem;
	color: var(--kyn-color-muted);
	margin-top: var(--kyn-space-1);
	text-align: start;
}

/* Liens dans le contenu (complète la section plus bas) */
.site-main .entry-content a {
	transition: color 0.2s ease;
}

/* -------------------------------------------------------------------------
   Liens (navigation & zones hors .entry-content déjà couvertes)
   ------------------------------------------------------------------------- */
.site-main a:not(.kyn-btn):not(.home-bento__link):not(.home-features__card):not(.home-news-card__link):not(.home-news-card__more):not(.blog-card__link):not(.blog-share__link):not(.home-projects__card):not(.dc-mini-card) {
	color: var(--kyn-color-primary);
	text-decoration-skip-ink: auto;
}

.site-main a:not(.kyn-btn):not(.home-bento__link):not(.home-features__card):not(.home-news-card__link):not(.home-news-card__more):not(.blog-card__link):not(.blog-share__link):not(.home-projects__card):not(.dc-mini-card):hover {
	color: var(--kyn-color-primary-hover);
}

/* -------------------------------------------------------------------------
   En-tête & navigation (maquette accueil_comm_agency_rounded)
   ------------------------------------------------------------------------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: var(--kyn-z-header);
	height: 5rem;
	overflow: visible;
	background: var(--kyn-color-white);
	box-shadow: 0 1px 2px rgba(18, 30, 68, 0.06);
}

.site-header__inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--kyn-space-2);
	width: min(100% - 4rem, var(--kyn-header-max));
	height: 100%;
	margin-inline: auto;
	position: relative;
}

.site-branding {
	flex: 1 1 auto;
	min-width: 0;
}

.site-branding .custom-logo-link {
	display: inline-block;
	line-height: 0;
}

.site-branding .custom-logo {
	max-height: 2.5rem;
	width: auto;
	height: auto;
}

.site-title {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--kyn-color-primary);
}

.site-title a {
	color: inherit;
	text-decoration: none;
}

.site-title a:hover {
	color: var(--kyn-color-secondary);
}

.site-header__actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 1rem;
	order: 2;
}

.site-header__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1.5rem;
	border: 2px solid transparent;
	border-radius: var(--kyn-radius-xl);
	font-family: var(--kyn-font-sans);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.site-header__cta:active {
	transform: scale(0.95);
}

.site-header__cta--outline {
	display: inline-flex;
	border-color: var(--kyn-color-primary);
	background: transparent;
	color: var(--kyn-color-primary);
}

.site-header__cta--outline:hover {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.site-header__cta--primary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.site-header__cta--primary:hover {
	opacity: 0.9;
	color: var(--kyn-color-primary);
}

/* Bouton burger (< --kyn-nav-desktop-min) */
.menu-toggle {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	order: 3;
	align-self: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	background: transparent;
	border: 2px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius);
	cursor: pointer;
}

.menu-toggle__bars {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.35rem;
	width: 1.375rem;
}

.menu-toggle__bar {
	display: block;
	height: 2px;
	background: var(--kyn-color-primary);
	border-radius: 1px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__bar:nth-child(1) {
	transform: translateY(0.45rem) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle__bar:nth-child(2) {
	opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__bar:nth-child(3) {
	transform: translateY(-0.45rem) rotate(-45deg);
}

.site-navigation {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	order: 4;
	width: 100vw;
	max-width: 100vw;
	flex-basis: auto;
	z-index: var(--kyn-z-menu-panel);
	background: var(--kyn-color-surface);
	box-shadow: 0 8px 24px rgba(18, 30, 68, 0.08);
}

/* Mobile / tablette : menu masqué tant que le panneau n’est pas ouvert */
.site-navigation:not(.is-open) {
	display: none;
}

.site-navigation.is-open {
	display: block;
}

.site-navigation.is-open .primary-menu {
	display: flex;
}

.primary-menu {
	list-style: none;
	margin: 0;
	padding: var(--kyn-space-2) 0;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0.5rem;
	width: 100%;
	border-top: 1px solid var(--kyn-color-border-soft);
	background: var(--kyn-color-surface);
}

.primary-menu > .menu-item:not(.menu-item-has-children) > a {
	display: block;
	padding: var(--kyn-space-2);
	border-radius: var(--kyn-radius);
}

.primary-menu a {
	color: var(--kyn-color-primary);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.2;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.primary-menu a:hover {
	color: var(--kyn-color-secondary);
}

.primary-menu .current-menu-item > a,
.primary-menu .current-menu-ancestor > a {
	color: var(--kyn-color-secondary);
	font-weight: 700;
}

/* Lignes avec sous-menu : lien à gauche, chevron à droite (burger) */
.primary-menu .menu-item-has-children {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.primary-menu .menu-item-has-children > a {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	padding: var(--kyn-space-2);
	border-radius: var(--kyn-radius);
}

.primary-menu .menu-item-has-children.no-link > a {
	cursor: pointer;
}

.submenu-toggle {
	flex: 0 0 2.75rem;
	width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	background: transparent;
	border: none;
	border-radius: var(--kyn-radius);
	cursor: pointer;
	color: var(--kyn-color-primary);
}

.submenu-toggle::after {
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -0.2rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease, margin 0.2s ease;
}

.menu-item-has-children.is-submenu-open > .submenu-toggle::after {
	transform: rotate(225deg);
	margin-top: 0.1rem;
}

/* Sous-menus repliés par défaut ; ouverture via .is-submenu-open (JS, < 1380px) */
.primary-menu .menu-item-has-children > .sub-menu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0.25rem 0 0.5rem 0.75rem;
	flex-direction: column;
	gap: 0;
	width: 100%;
	flex: 0 0 100%;
	border-radius: 0 0 var(--kyn-radius) var(--kyn-radius);
}

.primary-menu .menu-item-has-children.is-submenu-open > .sub-menu {
	display: flex;
}

.primary-menu .sub-menu .menu-item > a {
	display: block;
	padding: 0.5rem 0.75rem;
	border-radius: var(--kyn-radius-sm);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	text-transform: none;
	letter-spacing: 0;
	color: var(--kyn-color-primary);
}

.primary-menu .sub-menu .menu-item > a:hover,
.primary-menu .sub-menu .current-menu-item > a {
	color: var(--kyn-color-secondary);
	background: rgba(107, 211, 36, 0.1);
}

.primary-menu .sub-menu .menu-item > a.mega-menu__card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 0.75rem;
}

.mega-menu__icon {
	flex: 0 0 auto;
	font-size: 1.25rem;
	color: var(--kyn-color-secondary);
}

.mega-menu__icon.kyn-brand-icon {
	width: 1.25rem;
	height: 1.25rem;
	font-size: 0;
}

.mega-menu__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 0.2rem;
}

.mega-menu__label {
	display: block;
}

.mega-menu__teaser {
	display: none;
	margin: 0;
	color: var(--kyn-color-muted);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}

/* -------------------------------------------------------------------------
   Contenu principal
   ------------------------------------------------------------------------- */
.site-main {
	max-width: var(--kyn-wide-max);
	margin: 0 auto;
	padding: var(--kyn-space-4) var(--kyn-space-2);
}

.page-header {
	margin-bottom: var(--kyn-space-4);
}

.page-title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
}

.archive-description {
	color: var(--kyn-color-muted);
}

.posts-loop {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-4);
}

.entry-title {
	margin: 0 0 var(--kyn-space-1);
	font-size: 1.5rem;
}

.entry--excerpt .entry-title {
	font-size: 1.25rem;
}

.entry-meta {
	font-size: 0.875rem;
	color: var(--kyn-color-muted);
}

.entry-content > *:first-child {
	margin-top: 0;
}

.post-thumbnail img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--kyn-radius);
}

/* -------------------------------------------------------------------------
   Formulaires (contenu, recherche, commentaires)
   ------------------------------------------------------------------------- */
.site-main button,
.site-main input,
.site-main select,
.site-main textarea,
.comments-area button,
.comments-area input,
.comments-area select,
.comments-area textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: var(--kyn-line-height-body);
}

.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="url"],
.site-main input[type="password"],
.site-main input[type="search"],
.site-main input[type="tel"],
.site-main input[type="number"],
.site-main input[type="date"],
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"] {
	width: 100%;
	max-width: 100%;
	min-height: 2.25rem;
	padding: var(--kyn-space-1) var(--kyn-space-2);
	color: var(--kyn-color-text);
	background: var(--kyn-color-surface);
	border: 2px solid var(--kyn-color-primary);
	border-radius: var(--kyn-radius-lg);
	appearance: none;
}

.site-main textarea,
.comments-area textarea {
	width: 100%;
	max-width: 100%;
	min-height: 12rem;
	padding: var(--kyn-space-2);
	color: var(--kyn-color-text);
	background: var(--kyn-color-surface);
	border: 2px solid var(--kyn-color-primary);
	border-radius: var(--kyn-radius-lg);
	vertical-align: top;
	overflow: auto;
	resize: vertical;
}

.site-main input[type="checkbox"],
.site-main input[type="radio"],
.comments-area input[type="checkbox"],
.comments-area input[type="radio"] {
	width: auto;
	min-height: auto;
	border-width: 1px;
}

.site-main .search-form input[type="search"],
.search-form input[type="search"] {
	border-width: 1px;
	border-color: var(--kyn-color-border);
	border-radius: var(--kyn-radius);
}

.site-main .search-form input[type="search"]:focus,
.search-form input[type="search"]:focus {
	border-color: var(--kyn-color-primary);
}

.site-main .entry-content .wp-block-button__link,
.site-main .entry-content button[type="submit"],
.site-main .entry-content input[type="submit"],
.site-main .entry-content input[type="button"],
.comments-area input[type="submit"],
.comments-area input[type="button"] {
	display: inline-block;
	padding: var(--kyn-space-2) var(--kyn-space-4);
	font-weight: 600;
	color: #fff;
	background: var(--kyn-color-primary);
	border: none;
	border-radius: var(--kyn-radius-lg);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.site-main .entry-content .wp-block-button__link:hover,
.site-main .entry-content button[type="submit"]:hover,
.site-main .entry-content input[type="submit"]:hover,
.site-main .entry-content input[type="button"]:hover,
.comments-area input[type="submit"]:hover,
.comments-area input[type="button"]:hover {
	background: var(--kyn-color-primary-hover);
	color: #fff;
}

/* -------------------------------------------------------------------------
   Pied de page (maquette accueil_comm_agency_rounded)
   ------------------------------------------------------------------------- */
.site-footer {
	margin-top: 0;
	padding: 0;
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	border-top: none;
}

.site-footer__main {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	padding-block: 3rem;
}

.site-footer__brand,
.site-footer__col,
.site-footer__badges {
	min-width: 0;
}

.site-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.site-footer__logo {
	margin: 0 0 1rem;
}

.site-footer__logo a {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
}

.site-footer__logo a:hover {
	opacity: 0.9;
}

.site-footer__logo img {
	display: block;
	max-width: min(100%, 12rem);
	width: auto;
	height: auto;
	max-height: 2.75rem;
}

.site-footer__tagline {
	margin: 0;
	max-width: 22rem;
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.6);
}

.site-footer__rating {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1.25rem;
	padding: 0.65rem 0.85rem;
	border-radius: var(--kyn-radius);
	background: var(--kyn-color-white);
	color: var(--kyn-color-primary);
	text-decoration: none;
	box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.16);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.site-footer__rating:hover,
.site-footer__rating:focus-visible {
	transform: translateY(-0.125rem);
	box-shadow: 0 0.65rem 1.35rem rgba(0, 0, 0, 0.22);
	color: var(--kyn-color-primary);
}

.site-footer__rating-logo {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.site-footer__rating-logo svg {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
}

.site-footer__rating-copy {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.site-footer__rating-score {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	line-height: 1;
}

.site-footer__rating-value {
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--kyn-color-primary);
}

.site-footer__rating-stars {
	display: flex;
	gap: 0.05rem;
	color: #fbbc04;
}

.site-footer__rating-stars .material-symbols-outlined {
	font-size: 1rem;
	line-height: 1;
}

.site-footer__rating-name {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.site-footer__heading {
	margin: 0 0 1.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--kyn-color-on-primary);
}

.site-footer__menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.site-footer__menu a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.5;
	overflow-wrap: break-word;
	transition: color 0.2s ease;
}

.site-footer__menu a:hover {
	color: var(--kyn-color-secondary);
}

.site-footer__contact-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.site-footer__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: break-word;
}

.site-footer__contact-item .material-symbols-outlined {
	flex-shrink: 0;
	margin-top: 0.125rem;
	color: var(--kyn-color-secondary);
	font-size: 1.5rem;
}

.site-footer__contact-item a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
}

.site-footer__contact-item a:hover {
	color: var(--kyn-color-secondary);
}

.site-footer__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--kyn-space-3);
}

.site-footer__badge {
	display: block;
	width: 5.25rem;
	height: 5.25rem;
	object-fit: contain;
	background: var(--kyn-color-white);
	border-radius: 50%;
	padding: 0.55rem;
	box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
}

.site-footer__bottom {
	padding-block: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer__bottom .kyn-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	text-align: center;
}

.site-footer__sectors {
	width: 100%;
}

.site-footer__sectors-heading {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
}

.site-footer__sectors-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem 0.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__sectors-list li:not(:last-child)::after {
	content: "|";
	margin-inline: 0.65rem;
	color: rgba(255, 255, 255, 0.28);
}

.site-footer__sectors-list a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 600;
}

.site-footer__sectors-list a:hover,
.site-footer__sectors-list a:focus-visible {
	color: var(--kyn-color-white);
}

.site-footer__legal {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
}

.site-footer__copy,
.site-footer__bottom-link {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
}

.site-footer__bottom-link {
	margin-bottom: 0;
}

.site-footer__bottom-link a {
	color: rgba(255, 255, 255, 0.4);
	text-decoration: none;
}

/* -------------------------------------------------------------------------
   Pagination (articles, réalisations, recherche…)
   ------------------------------------------------------------------------- */
.navigation.pagination,
.kyn-pagination,
.blog-pagination,
.home-projects__pagination {
	margin-top: clamp(2rem, 1.5rem + 1vw, 3rem);
}

.navigation.pagination .nav-links,
.kyn-pagination .nav-links,
.blog-pagination .nav-links,
.home-projects__pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.navigation.pagination .page-numbers,
.navigation.pagination a,
.navigation.pagination span,
.kyn-pagination .page-numbers,
.kyn-pagination a,
.kyn-pagination span,
.blog-pagination .page-numbers,
.blog-pagination a,
.blog-pagination span,
.home-projects__pagination .page-numbers,
.home-projects__pagination a,
.home-projects__pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.45rem 0.85rem;
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: 999px;
	background: var(--kyn-color-white);
	font-family: var(--kyn-font-sans);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	color: var(--kyn-color-primary) !important;
	box-shadow: none;
}

.navigation.pagination a.page-numbers:hover,
.navigation.pagination a:hover,
.kyn-pagination a:hover,
.blog-pagination a:hover,
.home-projects__pagination a:hover {
	border-color: var(--kyn-color-secondary);
	background: rgba(107, 211, 36, 0.12);
	color: var(--kyn-color-primary) !important;
}

.navigation.pagination .page-numbers.current,
.navigation.pagination span.current,
.kyn-pagination .current,
.blog-pagination .current,
.home-projects__pagination .current {
	background: var(--kyn-color-primary);
	border-color: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary) !important;
}

.navigation.pagination .page-numbers.dots,
.kyn-pagination .dots,
.blog-pagination .dots,
.home-projects__pagination .dots {
	min-width: auto;
	border-color: transparent;
	background: transparent;
	padding-inline: 0.25rem;
}

.search-form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--kyn-space-1);
	margin-top: var(--kyn-space-2);
}

.search-form input[type="search"] {
	min-width: 12rem;
	padding: var(--kyn-space-1) var(--kyn-space-2);
	border: 1px solid var(--kyn-color-border);
	border-radius: var(--kyn-radius);
	font: inherit;
}

.search-form input[type="submit"] {
	padding: var(--kyn-space-1) var(--kyn-space-2);
	border: none;
	border-radius: var(--kyn-radius);
	background: var(--kyn-color-primary);
	color: #fff;
	font: inherit;
	cursor: pointer;
}

.search-form input[type="submit"]:hover {
	background: var(--kyn-color-primary-hover);
}

/* -------------------------------------------------------------------------
   Blocs (motifs hero)
   ------------------------------------------------------------------------- */
.kynova-hero {
	padding-block: var(--kyn-space-5);
}

/* -------------------------------------------------------------------------
   Utilitaires partagés (maquette)
   ------------------------------------------------------------------------- */
.material-symbols-outlined {
	font-family: "Material Symbols Outlined", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
	-webkit-font-smoothing: antialiased;
	user-select: none;
}

.material-symbols-outlined--filled {
	font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.kyn-brand-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.25em;
	height: 1.25em;
	line-height: 0;
	color: transparent;
}

.kyn-brand-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.kyn-container {
	width: min(100% - 2 * var(--kyn-space-gutter), var(--kyn-wide-max));
	margin-inline: auto;
}

.kyn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--kyn-space-1);
	padding: 0.75rem 1.5rem;
	border: 2px solid transparent;
	border-radius: var(--kyn-radius-xl);
	font-family: var(--kyn-font-sans);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.kyn-btn--lg {
	padding: 1rem 2rem;
}

.kyn-btn--primary {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.kyn-btn--primary:hover {
	background: var(--kyn-color-primary-hover);
	color: var(--kyn-color-on-primary);
}

.kyn-btn--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.kyn-btn--secondary:hover {
	box-shadow: 0 0 1.25rem rgba(107, 211, 36, 0.4);
	color: var(--kyn-color-primary);
}

.kyn-btn--secondary .material-symbols-outlined {
	transition: transform 0.2s ease;
}

.kyn-btn--secondary:hover .material-symbols-outlined {
	transform: translateX(0.25rem);
}

.kyn-btn--ghost-light {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--kyn-color-on-primary);
}

.kyn-btn--ghost-light:hover {
	border-color: var(--kyn-color-on-primary);
	color: var(--kyn-color-on-primary);
}

.kyn-btn--outline-dark {
	background: transparent;
	border-color: var(--kyn-color-primary);
	color: var(--kyn-color-primary);
}

.kyn-btn--outline-dark:hover {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

/* -------------------------------------------------------------------------
   Page d’accueil (front-page)
   ------------------------------------------------------------------------- */
.site-main--front {
	display: block;
	max-width: none !important;
	width: 100%;
	margin: 0;
	padding: 0;
}

.home-section-header {
	margin-bottom: var(--kyn-space-5);
	text-align: center;
}

.home-section-header__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.home-section-header__lead {
	margin: 0 auto;
	max-width: 40rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

/* Hero */
.home-hero {
	display: flex;
	align-items: center;
	min-height: min(51.1875rem, 100vh);
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	overflow: hidden;
}

.home-hero__inner {
	width: min(100% - 2 * var(--kyn-space-gutter), var(--kyn-wide-max));
}

.home-hero__content {
	max-width: 48rem;
}

.home-hero__eyebrow {
	display: inline-block;
	margin: 0 0 var(--kyn-space-3);
	padding: 0.25rem 1rem;
	border-radius: var(--kyn-radius-sm);
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.home-hero__title {
	margin: 0 0 var(--kyn-space-4);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2.5rem, 2rem + 2.5vw, 4rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--kyn-color-on-primary);
}

.home-hero__title-accent {
	color: var(--kyn-color-secondary);
}

.home-hero__lead {
	margin: 0 0 2.5rem;
	max-width: 42rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-on-primary-muted);
}

.home-hero__actions {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-2);
}

/* Services bento */
.home-services {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-surface);
}

.home-bento {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: clip;
}

.home-bento__item {
	opacity: 0;
	transform: translateY(1.5rem);
	transition: opacity 0.7s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, background-color 0.3s ease;
}

.home-bento__item--from-left:not(.is-visible) {
	transform: translateX(-2.75rem);
}

.home-bento__item--from-right:not(.is-visible) {
	transform: translateX(2.75rem);
}

.home-bento__item.is-visible {
	opacity: 1;
	transform: none;
}

.kyn-js .home-bento__item:not(.is-visible) {
	opacity: 0;
}

html:not(.kyn-js) .home-bento__item {
	opacity: 1;
	transform: none;
}

.home-bento__card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
}

.home-bento__card--light {
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
}

.home-bento__card--light:hover {
	box-shadow: 0 1.25rem 2.5rem rgba(18, 30, 68, 0.08);
}

.home-bento__card--primary {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.home-bento__card--primary .home-bento__title {
	color: var(--kyn-color-on-primary);
}

.home-bento__card--primary .home-bento__text {
	color: rgba(255, 255, 255, 0.78);
}

.home-bento__card--primary .page-checklist__item {
	color: var(--kyn-color-on-primary);
}

.home-bento__card--primary .page-checklist__item .material-symbols-outlined {
	color: var(--kyn-color-secondary);
}

.home-bento__card--secondary .page-checklist__item {
	color: var(--kyn-color-primary);
}

.home-bento__card > .page-checklist,
.home-bento__card > .page-tech-grid,
.home-bento__card > .page-stats {
	margin-top: auto;
}

.home-bento__card--muted {
	background: var(--kyn-color-surface-high);
}

.home-bento__card--muted:hover {
	background: var(--kyn-color-surface-highest);
}

.home-bento__card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.home-bento__card--secondary .home-bento__text {
	color: rgba(18, 30, 68, 0.8);
}

.home-bento__card--secondary:hover {
	opacity: 0.9;
}

.home-bento__card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 100%;
}

.home-bento__card-body--split .page-checklist {
	margin-top: var(--kyn-space-3);
}

.home-bento__card-body--split .home-bento__link {
	margin-top: var(--kyn-space-3);
}

.home-bento__icon {
	margin-bottom: var(--kyn-space-3);
	font-size: 2.25rem;
	color: var(--kyn-color-secondary);
}

.home-bento__icon.kyn-brand-icon {
	width: 2.25rem;
	height: 2.25rem;
	font-size: 0;
}

.home-bento__icon--primary {
	color: var(--kyn-color-primary);
}

.home-bento__card--secondary .home-bento__icon {
	color: var(--kyn-color-on-primary);
}

.home-bento__card--secondary .home-bento__icon--primary {
	color: var(--kyn-color-primary);
}

.home-bento__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 1.3;
	color: inherit;
}

.home-bento__card--light .home-bento__title,
.home-bento__card--muted .home-bento__title {
	color: var(--kyn-color-primary);
}

.home-bento__text {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--kyn-color-muted);
}

.home-bento__link {
	display: inline-flex;
	align-items: center;
	margin-top: var(--kyn-space-4);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	color: var(--kyn-color-secondary);
}

.home-bento__link .material-symbols-outlined {
	margin-inline-start: 0.5rem;
	font-size: 1.25rem;
}

/* Sur fond vert, le lien reprend le navy comme le texte et l'icône. */
.home-bento__card--secondary .home-bento__link {
	color: var(--kyn-color-primary);
}

/*
 * Carte entièrement cliquable (« stretched link ») : le lien s'étend à toute
 * la carte via un pseudo-élément. On conserve un seul lien réel dans le DOM,
 * donc un seul arrêt au clavier et un intitulé correct pour les lecteurs
 * d'écran — contrairement à un <a> qui envelopperait tout le contenu.
 */
.home-bento__link::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--kyn-radius-xl);
}

/* Le focus clavier doit cerner la carte, pas seulement le libellé. */
.home-bento__link:focus-visible {
	outline: none;
}

.home-bento__link:focus-visible::after {
	outline: 2px solid var(--kyn-color-secondary);
	outline-offset: 3px;
}

/* Sur fond vert, l'anneau de focus vert serait invisible. */
.home-bento__card--secondary .home-bento__link:focus-visible::after {
	outline-color: var(--kyn-color-primary);
}

/* Pourquoi nous */
.home-why {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-white);
}

.home-why__grid {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-5);
}

.home-why__title {
	margin: 0 0 var(--kyn-space-4);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.home-why__list {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-why__item {
	display: flex;
	gap: var(--kyn-space-3);
	padding: var(--kyn-space-3);
	border-radius: 0 var(--kyn-radius-xl) var(--kyn-radius-xl) 0;
}

.home-why__item--dark {
	background: var(--kyn-color-primary-container);
	border-left: 4px solid var(--kyn-color-secondary);
	color: var(--kyn-color-on-primary);
}

.home-why__item--light {
	background: var(--kyn-color-surface-low);
	border-left: 4px solid var(--kyn-color-primary);
}

.home-why__icon-wrap {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--kyn-radius);
	background: rgba(107, 211, 36, 0.2);
	color: var(--kyn-color-secondary);
}

.home-why__icon-wrap--primary {
	background: rgba(18, 30, 68, 0.1);
	color: var(--kyn-color-primary);
}

.home-why__item-title {
	margin: 0 0 var(--kyn-space-1);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
}

.home-why__item--dark .home-why__item-title {
	color: var(--kyn-color-on-primary);
}

.home-why__item--light .home-why__item-title {
	color: var(--kyn-color-primary);
}

.home-why__item-text {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}

.home-why__item--dark .home-why__item-text {
	color: var(--kyn-color-on-primary-container);
}

.home-why__item--light .home-why__item-text {
	color: var(--kyn-color-muted);
}

.home-why__media {
	position: relative;
}

.home-why__figure {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-surface-highest);
}

.home-why__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% center;
}

.home-why__certs {
	display: grid;
	gap: var(--kyn-space-3);
	margin: var(--kyn-space-4) 0 0;
}

.home-why__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-why__badge-logo {
	display: block;
	width: auto;
	height: auto;
	object-fit: contain;
	background: var(--kyn-color-white);
}

.home-why__badge-logo--partner {
	width: 11.5rem;
	max-width: 100%;
	height: auto;
}

.home-why__badge-logo--ads {
	width: 7.5rem;
	height: 7.5rem;
	max-width: 100%;
	border-radius: 50%;
	padding: 0.15rem;
	box-shadow: 0 0.35rem 1rem rgba(18, 30, 68, 0.08);
}

.home-why__certs-title {
	margin: 0 0 var(--kyn-space-1);
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--kyn-color-primary);
}

.home-why__certs-text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

.home-why__badge {
	display: none;
	position: absolute;
	bottom: -1.5rem;
	left: -1.5rem;
	margin: 0;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.home-why__badge-value {
	display: block;
	font-family: var(--kyn-font-heading);
	font-size: clamp(2.5rem, 2rem + 2vw, 4rem);
	font-weight: 800;
	line-height: 1;
}

.home-why__badge-label {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Expertise locale */
.home-local {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	overflow: hidden;
}

.home-local__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: center;
}

.home-local__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-on-primary);
}

.home-local__lead {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.7);
}

.home-local__rating {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: var(--kyn-space-4);
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.home-local__rating-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-2);
	min-width: 0;
}

.home-local__rating-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 50%;
	background: rgba(107, 211, 36, 0.16);
	color: var(--kyn-color-secondary);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.home-local__rating-icon .material-symbols-outlined {
	font-size: 3.75rem;
}

.home-local__rating-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 0.75rem;
	max-width: 8.5rem;
	text-align: center;
	text-decoration: none;
	color: var(--kyn-color-on-primary);
}

.home-local__rating-cta:hover .home-local__rating-icon,
.home-local__rating-cta:focus-visible .home-local__rating-icon {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.home-local__rating-cta-label {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--kyn-color-secondary);
}

.home-local__rating-label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--kyn-color-secondary);
}

.home-local__rating-score {
	margin: 0;
	display: flex;
	align-items: baseline;
	gap: 0.35rem;
	line-height: 1;
}

.home-local__rating-value {
	font-family: var(--kyn-font-heading);
	font-size: clamp(3rem, 2.4rem + 2vw, 4.5rem);
	font-weight: 800;
	color: var(--kyn-color-on-primary);
}

.home-local__rating-max {
	font-size: 1.25rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
}

.home-local__rating-stars {
	display: flex;
	gap: 0.15rem;
	margin: 0;
	color: #fbbc04;
}

.home-local__rating-stars .material-symbols-outlined {
	font-size: 1.5rem;
}

.home-local__rating-caption {
	margin: 0 0 var(--kyn-space-1);
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.75);
}

.home-local__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-local__stat-value {
	margin: 0 0 var(--kyn-space-1);
	font-family: var(--kyn-font-heading);
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--kyn-color-secondary);
}

.home-local__stat-label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}

.home-local__map {
	position: relative;
	height: 25rem;
	margin: 0;
	padding: var(--kyn-space-2);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.05);
}

.home-local__map-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--kyn-radius);
	filter: grayscale(1);
	opacity: 0.6;
	transition: filter 0.5s ease, opacity 0.5s ease;
}

.home-local__map:hover .home-local__map-image {
	filter: grayscale(0);
	opacity: 1;
}

.home-local__pin {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2rem;
	height: 2rem;
	transform: translate(-50%, -50%);
}

.home-local__pin-pulse {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: var(--kyn-color-secondary);
	opacity: 0.75;
	animation: home-local-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.home-local__pin-dot {
	position: relative;
	display: block;
	width: 2rem;
	height: 2rem;
	border: 4px solid var(--kyn-color-primary);
	border-radius: 50%;
	background: var(--kyn-color-secondary);
}

@keyframes home-local-ping {
	75%,
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

/* CTA final (page-cta + alias home-cta) */
.page-cta,
.home-cta {
	padding-block: 6rem;
	background: var(--kyn-color-secondary);
}

.page-cta__inner,
.home-cta__inner {
	text-align: center;
}

.page-cta__title,
.home-cta__title {
	margin: 0 0 var(--kyn-space-4);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.page-cta__lead,
.home-cta__lead {
	margin: 0 auto var(--kyn-space-4);
	max-width: 40rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(18, 30, 68, 0.85);
}

.page-cta .home-section-header__lead,
.home-cta .home-section-header__lead {
	color: rgba(18, 30, 68, 0.85);
}

.page-cta__actions,
.home-cta__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--kyn-space-3);
}

.page-cta__note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin: var(--kyn-space-2) 0 0;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--kyn-color-primary);
}

.page-cta__note .material-symbols-outlined {
	font-size: 1.125rem;
}

.page-cta .page-form,
.home-cta .page-form,
.page-cta__form-wrap {
	margin-top: var(--kyn-space-2);
	max-width: 40rem;
	margin-inline: auto;
	text-align: left;
}

.page-cta .page-form__grid,
.home-cta .page-form__grid,
.page-form__grid {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
}

.page-cta .page-form__field,
.home-cta .page-form__field {
	gap: var(--kyn-space-2);
}

.page-cta__actions--below-form {
	margin-top: var(--kyn-space-3);
}

.page-cta .page-form__label,
.home-cta .page-form__label {
	color: var(--kyn-color-primary);
	text-align: left;
}

.page-cta .page-form__input,
.page-cta .page-form__textarea,
.home-cta .page-form__input,
.home-cta .page-form__textarea,
.site-main .page-cta input.page-form__input,
.site-main .page-cta textarea.page-form__textarea,
.site-main .home-cta input.page-form__input,
.site-main .home-cta textarea.page-form__textarea {
	border: 2px solid var(--kyn-color-primary);
	background: var(--kyn-color-white);
	color: var(--kyn-color-text);
	border-radius: var(--kyn-radius-lg);
}

.page-cta .page-form__input::placeholder,
.page-cta .page-form__textarea::placeholder,
.home-cta .page-form__input::placeholder,
.home-cta .page-form__textarea::placeholder {
	color: var(--kyn-color-muted);
}

.page-cta .page-form__actions,
.home-cta .page-form__actions {
	display: flex;
	justify-content: center;
	margin-top: var(--kyn-space-1);
}

.page-cta .page-form__actions .kyn-btn--secondary,
.home-cta .page-form__actions .kyn-btn--secondary {
	border-color: var(--kyn-color-primary);
	background: var(--kyn-color-white);
	color: var(--kyn-color-primary);
}

.page-cta .page-form__actions .kyn-btn--secondary:hover,
.home-cta .page-form__actions .kyn-btn--secondary:hover {
	border-color: var(--kyn-color-primary);
	background: var(--kyn-color-white);
	color: var(--kyn-color-primary);
	box-shadow: 0 0 1.25rem rgba(18, 30, 68, 0.18);
}

.page-cta .page-form__row.page-cta__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--kyn-space-3);
}

.page-cta .page-form__row.page-cta__actions .page-form__field {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}

.page-cta .page-form__row.page-cta__actions .kyn-btn {
	flex: 0 0 auto;
	align-self: stretch;
}

.page-cta--split .page-cta__copy,
.page-cta--split .page-cta__panel {
	min-width: 0;
}

.page-cta--split .page-cta__panel .page-form,
.page-cta--split .page-cta__form {
	max-width: none;
	margin-inline: 0;
}

.page-cta--split .page-form__row.page-cta__actions {
	display: grid;
	grid-template-columns: 1fr;
	align-items: stretch;
	gap: var(--kyn-space-2);
}

.page-cta--split .page-form__row.page-cta__actions .kyn-btn {
	width: 100%;
	min-height: 3.5rem;
	align-self: stretch;
	padding-inline: 1.5rem;
	white-space: nowrap;
}

.page-cta--split .page-form__input {
	min-height: 3.5rem;
	padding: 0.95rem 1.35rem;
	border-radius: var(--kyn-radius-xl);
}

/* -------------------------------------------------------------------------
   Templates de page (services) — palette / fonts alignés sur l’accueil
   ------------------------------------------------------------------------- */
.site-main--page {
	max-width: none;
	margin: 0;
	padding: 0;
}

.page-hero {
	padding-block: var(--kyn-space-section);
	overflow: hidden;
	background: var(--kyn-color-surface);
	color: var(--kyn-color-text);
}

.page-hero--dark {
	position: relative;
	display: flex;
	align-items: center;
	min-height: min(36rem, 85vh);
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.page-hero--overlay {
	background-color: var(--kyn-color-primary);
}

.page-hero__bg-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.page-hero--overlay .page-hero__bg,
.page-hero__image--bg {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% center;
	border-radius: 0;
	box-shadow: none;
	opacity: 1;
	z-index: 0;
}

.page-hero--overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		180deg,
		rgba(18, 30, 68, 0.88) 0%,
		rgba(18, 30, 68, 0.72) 55%,
		rgba(18, 30, 68, 0.38) 100%
	);
}

.page-hero--overlay .page-hero__inner,
.page-hero--overlay .page-hero__content,
.page-hero--dark > .page-hero__inner {
	position: relative;
	z-index: 2;
}

.page-hero--light {
	background: var(--kyn-color-surface);
	color: var(--kyn-color-text);
}

.page-hero__inner {
	width: min(100% - 2 * var(--kyn-space-gutter), var(--kyn-wide-max));
	margin-inline: auto;
}

.page-hero__content {
	max-width: min(100%, 56rem);
}

.page-hero--compact,
.page-hero--compact.page-hero--dark {
	min-height: 0;
	padding-block: clamp(3.25rem, 2.75rem + 2.5vw, 5.25rem);
}

.page-hero--compact .page-hero__title {
	margin-bottom: var(--kyn-space-3);
	font-size: clamp(2rem, 1.6rem + 1.6vw, 3.25rem);
}

.page-hero--compact .page-hero__lead {
	margin-bottom: 0;
	max-width: 40rem;
}

.page-hero__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: center;
}

.page-hero__eyebrow,
.page-hero .page-badge,
.page-badge--hero {
	display: inline-block;
	margin: 0 0 var(--kyn-space-3);
	padding: 0.25rem 1rem;
	border-radius: var(--kyn-radius-sm);
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.page-badge {
	display: inline-block;
	margin: 0;
	padding: 0.25rem 0.75rem;
	border-radius: var(--kyn-radius-sm);
	background: rgba(107, 211, 36, 0.15);
	color: var(--kyn-color-primary);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.page-section--dark .page-badge {
	background: rgba(107, 211, 36, 0.22);
	color: var(--kyn-color-secondary);
}

.page-hero__title {
	margin: 0 0 var(--kyn-space-4);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2.25rem, 1.8rem + 2vw, 3.75rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--kyn-color-primary);
}

.page-hero--dark .page-hero__title,
.page-hero--overlay .page-hero__title {
	color: var(--kyn-color-on-primary);
}

.page-hero__title-accent {
	color: var(--kyn-color-secondary);
}

.page-hero__lead {
	margin: 0 0 2.5rem;
	max-width: 48rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.page-hero--dark .page-hero__lead,
.page-hero--overlay .page-hero__lead {
	color: var(--kyn-color-on-primary-muted);
}

.page-hero__actions {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-2);
	align-items: flex-start;
}

.page-hero__actions .kyn-btn {
	min-height: 3.25rem;
	padding: 0.875rem 1.75rem;
	box-sizing: border-box;
}

.page-hero__note {
	display: inline-flex;
	align-items: center;
	gap: var(--kyn-space-1);
	margin: 0;
	padding: 0.75rem 1.25rem;
	border-radius: var(--kyn-radius);
	background: rgba(107, 211, 36, 0.15);
	border: 1px solid rgba(107, 211, 36, 0.35);
	font-family: var(--kyn-font-heading);
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.page-hero--dark .page-hero__note,
.page-hero--overlay .page-hero__note {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--kyn-color-on-primary);
}

.page-hero__note .material-symbols-outlined {
	color: var(--kyn-color-secondary);
}

.page-hero__media,
.page-hero__figure {
	position: relative;
	margin: 0;
}

.page-hero__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--kyn-radius-xl);
	object-fit: cover;
	box-shadow: 0 1.5rem 3rem rgba(18, 30, 68, 0.2);
}

.page-hero__price {
	display: inline-block;
	margin-top: var(--kyn-space-3);
	padding: 0.75rem 1.25rem;
	border-radius: var(--kyn-radius);
	background: rgba(107, 211, 36, 0.15);
	border: 1px solid rgba(107, 211, 36, 0.4);
	font-family: var(--kyn-font-heading);
	font-weight: 700;
	color: var(--kyn-color-secondary);
}

.home-bento__image {
	display: block;
	width: 100%;
	margin-top: var(--kyn-space-3);
	border-radius: var(--kyn-radius);
	object-fit: cover;
}

.page-checklist__icon {
	flex-shrink: 0;
	color: var(--kyn-color-secondary);
	font-size: 1.25rem;
}

.page-split--reverse .page-split__media {
	order: -1;
}

.page-section {
	padding-block: var(--kyn-space-section);
}

.page-section--surface {
	background: var(--kyn-color-surface);
}

.page-section--white {
	background: var(--kyn-color-white);
}

.related-services .home-bento__text {
	flex: 1 1 auto;
}

.related-services .home-bento__link {
	margin-top: auto;
	padding-top: var(--kyn-space-4);
}

.page-section--dark {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.page-section--dark .home-section-header__title,
.page-section--dark .page-split__title {
	color: var(--kyn-color-on-primary);
}

.page-section--dark .home-section-header__lead {
	color: rgba(255, 255, 255, 0.7);
}

.page-section--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.page-section--secondary .home-section-header__title,
.page-section--secondary .home-cta__title,
.page-section--secondary .page-split__title {
	color: var(--kyn-color-primary);
}

.page-section--secondary .home-section-header__lead,
.page-section--secondary .page-split__lead,
.page-section--secondary .page-split__text {
	color: rgba(18, 30, 68, 0.85);
}

.page-section--tint {
	background: rgba(107, 211, 36, 0.1);
}

.page-split {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: center;
}

.page-split__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.75rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.page-split__lead,
.page-split__text {
	margin: 0 0 var(--kyn-space-3);
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.page-section--dark .page-split__lead,
.page-section--dark .page-split__text {
	color: rgba(255, 255, 255, 0.7);
}

.page-split__media {
	margin: 0;
}

.page-split__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--kyn-radius-xl);
	object-fit: cover;
}

.page-split__image--contain {
	max-height: 26rem;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.page-split__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--kyn-space-2);
	margin-top: var(--kyn-space-4);
}

.page-checklist {
	margin: var(--kyn-space-3) 0 0;
	padding: 0;
	list-style: none;
}

.page-checklist__item {
	display: flex;
	align-items: flex-start;
	gap: var(--kyn-space-2);
	margin-bottom: var(--kyn-space-2);
	font-weight: 500;
	color: var(--kyn-color-primary);
}

.page-section--dark .page-checklist__item {
	color: var(--kyn-color-on-primary);
}

.page-checklist__item .material-symbols-outlined {
	flex-shrink: 0;
	color: var(--kyn-color-secondary);
	font-size: 1.25rem;
}

.page-process {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
}

.page-process--grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-3);
}

.page-process--grid .page-process__step {
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	padding: var(--kyn-space-4);
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius-xl);
}

.page-section--surface .page-process--grid .page-process__step {
	background: var(--kyn-color-white);
	box-shadow: 0 4px 16px rgba(18, 30, 68, 0.04);
}

/* Alias BEM legacy → composants standards */
.page-feature-cards__item,
.page-feature-cards__card {
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
}

.page-feature-cards__icon,
.page-panel__icon {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 2.25rem;
	color: var(--kyn-color-secondary);
}

.page-feature-cards__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.page-feature-cards__text,
.page-panel__text {
	margin: 0;
	line-height: 1.5;
	color: var(--kyn-color-muted);
}

.page-section__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.75rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.page-section--dark .page-section__title {
	color: var(--kyn-color-on-primary);
}

.page-section__lead {
	margin: 0 0 var(--kyn-space-3);
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.page-section--dark .page-section__lead {
	color: rgba(255, 255, 255, 0.7);
}

.page-checklist__title {
	margin: 0 0 0.25rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	color: inherit;
}

.page-checklist__text {
	margin: 0;
	font-weight: 400;
	color: var(--kyn-color-muted);
}

.page-section--dark .page-checklist__text {
	color: rgba(255, 255, 255, 0.7);
}

.page-checklist__item--feature {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-2);
	padding: var(--kyn-space-3);
	border-radius: var(--kyn-radius);
	background: rgba(255, 255, 255, 0.05);
}

.page-tech-grid--inline {
	display: flex;
	flex-wrap: wrap;
	grid-template-columns: none;
	gap: 0.5rem;
	margin-top: var(--kyn-space-3);
}

.page-tech-grid--inline .page-tech-grid__item {
	padding: 0.4rem 0.75rem;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.page-tech-grid--logos .page-tech-grid__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--kyn-space-2);
}

.page-tech-grid--logos .material-symbols-outlined {
	font-size: 2rem;
	color: var(--kyn-color-secondary);
}

.home-bento__card--primary .page-tech-grid__item {
	background: rgba(255, 255, 255, 0.08);
	border-top-color: var(--kyn-color-secondary);
	color: var(--kyn-color-on-primary);
	box-shadow: none;
}

.page-process__step {
	display: flex;
	gap: var(--kyn-space-3);
	align-items: flex-start;
}

.page-process__num {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--kyn-radius);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.page-process__step:hover .page-process__num {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.page-process__title {
	margin: 0 0 0.25rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.page-process__text {
	margin: 0;
	color: var(--kyn-color-muted);
	line-height: 1.5;
}

.page-process__step > .material-symbols-outlined {
	flex-shrink: 0;
	font-size: 2rem;
	color: var(--kyn-color-secondary);
}

.page-process--grid .page-process__step > .material-symbols-outlined {
	margin-bottom: 0.25rem;
}

.page-prose__actions--center {
	justify-content: center;
	text-align: center;
}

.page-tech-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--kyn-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-tech-grid__item {
	padding: var(--kyn-space-3);
	background: var(--kyn-color-white);
	border-radius: var(--kyn-radius);
	border-top: 2px solid var(--kyn-color-secondary);
	text-align: center;
	font-family: var(--kyn-font-heading);
	font-weight: 700;
	color: var(--kyn-color-primary);
	box-shadow: 0 1px 4px rgba(18, 30, 68, 0.06);
}

.page-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--kyn-space-3);
	margin: var(--kyn-space-4) 0 0;
	padding: 0;
	list-style: none;
}

.page-stats--inline {
	margin-top: var(--kyn-space-3);
}

.page-stats__item--accent .page-stats__value {
	color: var(--kyn-color-primary);
}

.page-section--dark .page-stats__item--accent .page-stats__value,
.home-bento__card--primary .page-stats__item--accent .page-stats__value {
	color: var(--kyn-color-secondary);
}

.page-stats__value {
	margin: 0 0 0.25rem;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
	font-weight: 800;
	line-height: 1.1;
	color: var(--kyn-color-secondary);
}

.page-stats__label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.page-section--dark .page-stats__label {
	color: rgba(255, 255, 255, 0.6);
}

.page-feature-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-split__content .page-feature-cards {
	grid-template-columns: 1fr;
}

.page-split + .page-feature-cards,
.page-split + .home-bento {
	margin-top: var(--kyn-space-5);
}

.page-feature-card {
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	color: var(--kyn-color-primary);
}

.page-feature-card > .material-symbols-outlined {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 2.25rem;
	color: var(--kyn-color-secondary);
}

.page-feature-card--primary {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	border-color: transparent;
}

.page-feature-card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	border-color: transparent;
}

.page-feature-card--muted {
	background: var(--kyn-color-surface-high);
	border-color: transparent;
}

.page-feature-card__icon {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 2.25rem;
	color: var(--kyn-color-secondary);
}

.page-feature-card--secondary .page-feature-card__icon {
	color: var(--kyn-color-primary);
}

.page-feature-card__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	color: inherit;
}

.page-feature-card__text {
	margin: 0;
	line-height: 1.5;
	color: var(--kyn-color-muted);
}

.page-feature-card--primary .page-feature-card__text {
	color: rgba(255, 255, 255, 0.75);
}

.page-feature-card--secondary .page-feature-card__text {
	color: rgba(18, 30, 68, 0.8);
}

.page-feature-cards--compact {
	gap: var(--kyn-space-2);
}

.page-feature-card--compact {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	height: 100%;
	padding: 1rem 1.125rem;
	background: var(--kyn-color-surface);
	border-radius: var(--kyn-radius);
}

.page-feature-card--compact > div {
	min-width: 0;
}

.page-feature-card__icon-wrap {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	background: rgba(107, 211, 36, 0.16);
	color: var(--kyn-color-secondary);
}

.page-feature-card__icon-wrap .material-symbols-outlined {
	display: block;
	margin: 0;
	font-size: 1.35rem;
}

.page-feature-card--compact .page-feature-card__title {
	margin: 0.15rem 0 0.25rem;
	font-size: 1.0625rem;
	line-height: 1.3;
}

.page-feature-card--compact .page-feature-card__text {
	font-size: 0.9375rem;
	line-height: 1.45;
}

.page-section--dark .page-feature-card--primary {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.page-section--dark .page-feature-card--primary .page-feature-card__icon {
	color: var(--kyn-color-secondary);
}

.page-gallery {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-gallery__item {
	position: relative;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
	aspect-ratio: 4 / 3;
}

.page-gallery__item--tall {
	aspect-ratio: 3 / 4;
}

.page-gallery__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.page-gallery__item:hover .page-gallery__image {
	transform: scale(1.04);
}

.page-gallery__caption {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	margin: 0;
	padding: var(--kyn-space-3);
	background: linear-gradient(transparent, rgba(18, 30, 68, 0.85));
	color: var(--kyn-color-on-primary);
	font-family: var(--kyn-font-heading);
	font-weight: 600;
}

.page-panel {
	padding: var(--kyn-space-5) var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.page-panel__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--kyn-color-on-primary);
}

.page-panel__lead {
	margin: 0 auto var(--kyn-space-4);
	max-width: 40rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--kyn-color-on-primary-muted);
}

.page-panel__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--kyn-space-3);
}

.page-panel--inset {
	margin-top: var(--kyn-space-5);
}

.page-panel--inset .page-panel__title {
	font-size: clamp(1.5rem, 1.3rem + 1vw, 2rem);
}

.page-badge-float {
	position: absolute;
	z-index: 2;
	bottom: 1rem;
	left: 1rem;
	padding: var(--kyn-space-3);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-family: var(--kyn-font-heading);
	font-weight: 700;
	box-shadow: 0 0.75rem 1.5rem rgba(18, 30, 68, 0.15);
}

.page-badge-float__value {
	display: block;
	font-size: 1.5rem;
	line-height: 1;
}

.page-badge-float__label {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.page-form {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
	max-width: 40rem;
	margin-inline: auto;
	text-align: start;
}

.page-form--inline {
	flex-direction: column;
	max-width: 48rem;
}

.page-form__row {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-3);
}

.page-form__field {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-1);
}

.page-form__label {
	font-size: 0.875rem;
	font-weight: 600;
	color: inherit;
}

.page-form__input,
.page-form__textarea {
	width: 100%;
	padding: 1rem 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: var(--kyn-radius);
	background: rgba(255, 255, 255, 0.1);
	color: var(--kyn-color-on-primary);
	font: inherit;
}

.page-form__input::placeholder,
.page-form__textarea::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.page-form__input:focus-visible,
.page-form__textarea:focus-visible {
	outline: 2px solid var(--kyn-color-secondary);
	outline-offset: 2px;
}

.page-form__textarea {
	min-height: 8rem;
	resize: vertical;
}

.page-form--light .page-form__input,
.page-form--light .page-form__textarea {
	border-color: var(--kyn-color-border);
	background: var(--kyn-color-white);
	color: var(--kyn-color-text);
}

.page-form--light .page-form__input::placeholder,
.page-form--light .page-form__textarea::placeholder {
	color: var(--kyn-color-muted);
}

.page-form--light .page-form__label {
	color: var(--kyn-color-primary);
}

.page-progress {
	margin-top: var(--kyn-space-3);
}

.page-progress__bar {
	height: 0.5rem;
	border-radius: 9999px;
	background: rgba(18, 30, 68, 0.1);
	overflow: hidden;
}

.page-progress__fill {
	height: 100%;
	border-radius: 9999px;
	background: var(--kyn-color-secondary);
}

.page-progress__label {
	margin-top: var(--kyn-space-1);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--kyn-color-muted);
}

.home-bento__card--tint {
	background: rgba(107, 211, 36, 0.1);
	border-left: 0.5rem solid var(--kyn-color-secondary);
}

.page-metric {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.page-metric__value {
	font-family: var(--kyn-font-heading);
	font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem);
	font-weight: 800;
	color: var(--kyn-color-secondary);
	line-height: 1;
}

.page-metric__label {
	margin-top: var(--kyn-space-1);
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* -------------------------------------------------------------------------
   Media queries (min-width croissant — mobile-first)
   ------------------------------------------------------------------------- */
@media (min-width: 640px) {
	.home-hero__actions,
	.page-hero__actions,
	.page-panel__actions {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.page-cta__actions,
	.home-cta__actions {
		flex-direction: row;
	}

	.page-cta .page-form__row.page-cta__actions {
		flex-direction: row;
		align-items: flex-end;
	}

	.page-cta .page-form__row.page-cta__actions .kyn-btn {
		align-self: flex-end;
	}

	.page-cta--split .page-form__row.page-cta__actions {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}

	.page-cta--split .page-form__row.page-cta__actions .kyn-btn {
		width: auto;
		min-width: 13.5rem;
		align-self: end;
	}

	.page-form--inline {
		flex-direction: row;
		align-items: stretch;
	}

	.page-form--inline .page-form__field {
		flex: 1 1 auto;
	}

	.page-tech-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.page-feature-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-process--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-process--grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.page-hero__bg-wrap {
		inset: 0 0 0 auto;
		width: min(58%, calc(min(36rem, 85vh) * 2560 / 1707));
		max-width: 100%;
		background: var(--kyn-color-primary);
	}

	.page-hero--overlay .page-hero__bg,
	.page-hero__image--bg {
		inset: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		object-fit: cover;
		object-position: right center;
		-webkit-mask-image: linear-gradient(
			90deg,
			transparent 0%,
			#000 42%,
			#000 100%
		);
		mask-image: linear-gradient(
			90deg,
			transparent 0%,
			#000 42%,
			#000 100%
		);
	}

	.page-hero--overlay::before {
		background: none;
	}

	.page-hero--overlay::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 64%;
		z-index: 1;
		pointer-events: none;
		background: linear-gradient(
			90deg,
			var(--kyn-color-primary) 0%,
			var(--kyn-color-primary) 38%,
			rgba(18, 30, 68, 0.8) 50%,
			rgba(18, 30, 68, 0.35) 64%,
			rgba(18, 30, 68, 0.08) 78%,
			transparent 90%
		);
	}

	.home-why__badge {
		display: block;
	}
}

@media (max-width: 1379.98px) {
	.site-header__inner {
		align-items: center;
	}

	.site-branding,
	.site-header__actions,
	.menu-toggle {
		align-self: center;
	}

	.site-header__actions {
		margin-inline-start: auto;
	}

	/* Burger : pictos discrets à gauche du titre (teaser masqué) */
	.primary-menu .sub-menu .menu-item > a.mega-menu__card {
		align-items: center;
		gap: 0.45rem;
	}

	.primary-menu .mega-menu__icon {
		display: inline-block;
		font-size: 1rem;
	}

	.primary-menu .mega-menu__icon.kyn-brand-icon {
		display: inline-flex;
		width: 1rem;
		height: 1rem;
		font-size: 0;
	}

	/* Sur très petit écran : garder Devis + burger, Contact masqué pour l’espace */
	@media (max-width: 520px) {
		.site-header__cta--primary {
			display: none;
		}
	}
}

@media (min-width: 1380px) {
	body.kyn-menu-open {
		overflow: visible;
	}

	.menu-toggle {
		display: none;
	}

	.site-header .submenu-toggle {
		display: none;
	}

	.site-header__inner {
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 1.25rem;
	}

	.site-branding,
	.site-header__actions {
		display: flex;
		align-items: center;
	}

	.site-branding {
		flex: 0 1 auto;
	}

	.site-navigation {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		order: 2;
		width: auto;
		max-width: none;
		min-width: 0;
		flex: 1 1 auto;
		flex-basis: auto;
		margin-inline-start: auto;
		align-items: stretch;
		justify-content: flex-end;
		background: transparent;
		box-shadow: none;
		display: flex;
	}

	.site-header__actions {
		order: 3;
	}

	.site-navigation:not(.is-open),
	.site-navigation.is-open {
		display: flex;
	}

	.site-navigation:not(.is-open) .primary-menu,
	.site-navigation.is-open .primary-menu {
		display: flex;
	}

	.primary-menu {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-end;
		gap: 0.875rem;
		padding: 0;
		width: auto;
		min-width: 0;
		height: 100%;
		border-top: none;
		background: transparent;
	}

	.primary-menu > .menu-item {
		display: flex;
		align-items: center;
	}

	.primary-menu > .menu-item > a {
		white-space: nowrap;
		font-size: 0.8125rem;
		letter-spacing: 0.03em;
	}

	.primary-menu > .menu-item-has-children {
		position: static;
	}

	.primary-menu > .menu-item:not(.menu-item-has-children) > a,
	.primary-menu > .menu-item-has-children > a {
		display: inline-flex;
		align-items: center;
		flex: none;
		padding: 0 0 0.25rem;
		border-radius: 0;
		border-bottom: 2px solid transparent;
	}

	.primary-menu > .menu-item:not(.menu-item-has-children) > a:hover,
	.primary-menu > .current-menu-item:not(.menu-item-has-children) > a,
	.primary-menu > .current-menu-ancestor > a,
	.primary-menu > .menu-item-has-children:hover > a,
	.primary-menu > .menu-item-has-children:focus-within > a {
		border-bottom-color: var(--kyn-color-secondary);
	}

	.primary-menu .menu-item-has-children.no-link > a {
		cursor: default;
	}

	.primary-menu > .menu-item-has-children > .sub-menu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: calc(100% - 1px);
		z-index: calc(var(--kyn-z-header) + 1);
		width: auto;
		min-width: 0;
		max-width: none;
		margin: 0;
		padding: 1.15rem 1.15rem 1.35rem;
		background: var(--kyn-color-white);
		border: 1px solid var(--kyn-color-border-soft);
		border-radius: 0 0 var(--kyn-radius) var(--kyn-radius);
		box-shadow: 0 16px 36px rgba(18, 30, 68, 0.12);
		flex: none;
		grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr));
		gap: 0.65rem;
		align-items: stretch;
	}

	.primary-menu > .menu-item-has-children > .sub-menu::before {
		display: none;
	}

	.primary-menu .mega-menu > .menu-item {
		width: auto;
		min-width: 0;
	}

	.primary-menu .mega-menu > .menu-item-has-children {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		position: static;
	}

	.primary-menu .mega-menu .menu-item > a.mega-menu__card {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 0.75rem;
		height: 100%;
		padding: 0.85rem 0.9rem;
		border-radius: var(--kyn-radius);
		white-space: normal;
		text-transform: none;
		letter-spacing: 0;
		font-size: 0.9375rem;
		font-weight: 600;
		line-height: 1.35;
		border-bottom: none;
	}

	.primary-menu .mega-menu .mega-menu__icon {
		font-size: 1.5rem;
		color: var(--kyn-color-secondary);
	}

	.primary-menu .mega-menu .mega-menu__icon.kyn-brand-icon {
		width: 1.5rem;
		height: 1.5rem;
		font-size: 0;
	}

	.primary-menu .mega-menu .mega-menu__label {
		font-weight: 700;
		color: var(--kyn-color-primary);
	}

	.primary-menu .mega-menu .mega-menu__teaser {
		display: block;
	}

	.primary-menu .mega-menu > .menu-item > a:hover,
	.primary-menu .mega-menu > .current-menu-item > a,
	.primary-menu .mega-menu > .current-menu-ancestor > a {
		color: var(--kyn-color-primary);
		background: rgba(107, 211, 36, 0.12);
	}

	.primary-menu .menu-item-has-children.is-submenu-open > .sub-menu {
		display: none;
	}

	.primary-menu > .menu-item-has-children:focus-within > .sub-menu,
	.primary-menu > .menu-item-has-children:hover > .sub-menu {
		display: grid;
	}

	.primary-menu .mega-menu .mega-menu__children,
	.primary-menu .mega-menu .sub-menu {
		position: static;
		display: flex;
		flex-direction: column;
		left: auto;
		top: auto;
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 0.15rem 0 0;
		padding: 0 0.35rem 0.25rem 3rem;
		background: transparent;
		border: none;
		border-radius: 0;
		box-shadow: none;
		gap: 0.15rem;
		flex: none;
	}

	.primary-menu .mega-menu .mega-menu__children::before,
	.primary-menu .mega-menu .sub-menu::before {
		display: none;
	}

	.primary-menu .mega-menu .menu-item-has-children > .mega-menu__children,
	.primary-menu .mega-menu .menu-item-has-children:hover > .mega-menu__children,
	.primary-menu .mega-menu .menu-item-has-children:focus-within > .mega-menu__children {
		display: flex;
	}

	.primary-menu .mega-menu .mega-menu__children .mega-menu__card {
		padding: 0.35rem 0.5rem;
		font-size: 0.8125rem;
		font-weight: 500;
	}

	.primary-menu .mega-menu .mega-menu__children .mega-menu__icon {
		font-size: 1.125rem;
	}
}

@media (min-width: 1600px) {
	.site-header__inner {
		gap: 1.75rem;
	}

	.primary-menu {
		gap: 1.5rem;
	}

	.primary-menu > .menu-item > a {
		letter-spacing: 0.05em;
	}
}

@media (min-width: 640px) {
	.site-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem 1.5rem;
	}

	.site-footer__brand,
	.site-footer__badges {
		grid-column: 1 / -1;
	}
}

@media (min-width: 980px) {
	.site-footer__main {
		grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
		gap: 2rem 1.5rem;
		align-items: stretch;
	}

	.site-footer__brand {
		grid-column: auto;
	}

	.site-footer__rating {
		margin-top: auto;
	}

	.site-footer__badges {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}

	.site-footer__badge {
		width: 6.25rem;
		height: 6.25rem;
		padding: 0.65rem;
	}
}

@media (min-width: 1200px) {
	.site-footer__main {
		grid-template-columns: minmax(12rem, 1.3fr) repeat(3, minmax(0, 1fr)) auto;
		padding-block: 4rem;
	}

	.site-footer__badges {
		grid-column: auto;
		flex-direction: column;
		justify-content: center;
		align-self: center;
		gap: var(--kyn-space-3);
	}

	.site-footer__badge {
		width: 7rem;
		height: 7rem;
		padding: 0.7rem;
	}

	.site-footer__legal {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		text-align: left;
	}

	.site-footer__copy,
	.site-footer__bottom-link {
		text-align: left;
	}

	.site-footer__copy {
		text-align: right;
	}
}

@media (min-width: 1024px) {
	:root {
		--kyn-space-section: 7.5rem;
	}

	.page-cta--split .page-cta__inner {
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(22rem, 1fr);
		gap: clamp(2rem, 4vw, 4rem);
		align-items: center;
		text-align: left;
	}

	.page-cta--split .page-cta__title {
		margin-bottom: var(--kyn-space-3);
	}

	.page-cta--split .page-cta__lead {
		margin-inline: 0;
		max-width: 32rem;
	}

	.page-cta--split .page-cta__note {
		justify-content: flex-start;
		text-align: left;
	}

	.page-cta--split .page-cta__form,
	.page-cta--split .page-cta__panel .page-form {
		margin-top: 0;
	}

	.home-bento {
		grid-template-columns: repeat(12, 1fr);
	}

	.home-bento__item {
		grid-column: span 4;
	}

	.home-bento__item--wide {
		grid-column: span 8;
	}

	.home-bento__item--full {
		grid-column: span 12;
	}

	.home-services .home-bento > .home-bento__item:nth-last-child(3),
	.home-services .home-bento > .home-bento__item:nth-last-child(2) {
		grid-column: span 6;
	}

	.home-bento__card-body--split {
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
		gap: var(--kyn-space-4) var(--kyn-space-5);
		align-items: center;
	}

	.home-bento__card-body--split .page-checklist {
		margin-top: 0;
	}

	.home-bento--cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.home-bento--cols-4 > .home-bento__item {
		grid-column: auto;
	}

	.home-bento--cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.home-bento--cols-3 > .home-bento__item {
		grid-column: auto;
	}

	.home-why__grid {
		flex-direction: row;
		align-items: center;
		gap: var(--kyn-space-5);
	}

	.home-why__content,
	.home-why__media {
		flex: 1 1 50%;
	}

	.home-why__certs {
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: var(--kyn-space-4);
	}

	.home-why__badges {
		flex-direction: column;
		align-items: center;
		gap: var(--kyn-space-2);
	}

	.home-why__badge-logo--partner {
		width: 12.5rem;
	}

	.home-why__badge-logo--ads {
		width: 8.25rem;
		height: 8.25rem;
	}

	.home-local__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--kyn-space-5);
	}

	.home-local__rating-icon {
		width: 7.5rem;
		height: 7.5rem;
	}

	.home-local__rating-icon .material-symbols-outlined {
		font-size: 4.25rem;
	}

	.page-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-split--reverse .page-split__media {
		order: 0;
	}

	.page-split--reverse .page-split__content {
		order: 1;
	}

	.page-feature-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.page-feature-cards--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-feature-cards--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.page-feature-cards--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-gallery {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.page-process--grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.page-process--grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.page-form__row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-tech-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Accueil — sections héritées (onglets, bandeau, actus, split, projets)
   ------------------------------------------------------------------------- */

.home-section-header--sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.home-accent-title {
	position: relative;
	display: inline-block;
	padding-inline-end: 1.25rem;
	padding-bottom: 0.65rem;
}

.home-accent-title::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-right: 4px solid var(--kyn-color-secondary);
	border-bottom: 4px solid var(--kyn-color-secondary);
	pointer-events: none;
}

.home-accent-title--tl {
	padding-inline-start: 1.25rem;
	padding-inline-end: 0;
	padding-top: 0.65rem;
	padding-bottom: 0;
}

.home-accent-title--tl::after {
	right: auto;
	left: 0;
	bottom: auto;
	top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 4px solid var(--kyn-color-secondary);
	border-top: 4px solid var(--kyn-color-secondary);
}

/* Onglets */
.home-tabs {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-white);
}

.home-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--kyn-space-2) var(--kyn-space-4);
	margin-bottom: var(--kyn-space-5);
	border-bottom: 1px solid var(--kyn-color-border-soft);
}

.home-tabs__tab {
	appearance: none;
	margin: 0;
	padding: 0.85rem 0.25rem 1rem;
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: var(--kyn-color-muted);
	font-family: var(--kyn-font-sans);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.home-tabs__tab:hover,
.home-tabs__tab.is-active {
	color: #04a3ed;
	border-bottom-color: #04a3ed;
}

.home-tabs__panel {
	display: none;
	flex-direction: column;
	align-items: center;
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.home-tabs__panel.is-active {
	display: flex;
}

.home-tabs__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5.5rem;
	height: 5.5rem;
	margin-bottom: var(--kyn-space-3);
	border: 2px solid var(--kyn-color-border-soft);
	border-radius: 50%;
	color: var(--kyn-color-primary);
	font-size: 2.5rem;
}

.home-tabs__heading {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--kyn-color-primary);
}

.home-tabs__text {
	margin: 0 0 var(--kyn-space-4);
}

.home-tabs__text p {
	margin: 0 0 var(--kyn-space-2);
	color: var(--kyn-color-muted);
	font-size: 1.05rem;
	line-height: 1.65;
}

.home-tabs__text p:last-child {
	margin-bottom: 0;
}

/* Bandeau 3 colonnes */
.home-features {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.home-features .home-section-header {
	margin-bottom: 4.5rem;
}

.home-features .home-section-header__title {
	color: var(--kyn-color-on-primary);
}

.home-features__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-features__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--kyn-space-2);
	height: 100%;
	padding: 0 var(--kyn-space-2);
	text-align: center;
	text-decoration: none !important;
	color: inherit !important;
}

.home-features__icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5.5rem;
	height: 5.5rem;
	margin-top: -3.5rem;
	border-radius: 50%;
	background: var(--kyn-color-white);
	color: #04a3ed;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.home-features__icon-wrap .material-symbols-outlined {
	font-size: 2.35rem;
}

.home-features__title {
	margin: var(--kyn-space-2) 0 0;
	font-family: var(--kyn-font-heading);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--kyn-color-on-primary);
}

.home-features__text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--kyn-color-on-primary-muted);
}

.home-features__arrow {
	display: inline-block;
	margin-left: 0.25rem;
	color: var(--kyn-color-secondary);
	transition: transform 0.2s ease;
}

.home-features__card:hover .home-features__arrow {
	transform: translateX(0.25rem);
}

/* Actualités */
.home-news {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
	background: var(--kyn-color-surface);
}

.home-news__grid {
	margin-bottom: 0;
}

.home-news__grid.blog-grid {
	grid-template-columns: 1fr;
	margin-bottom: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
}

@media (min-width: 720px) {
	.home-news__grid.blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.home-news__actions {
	display: flex;
	justify-content: center;
	margin-top: 0.5rem;
}

/* À propos + témoignages */
.home-split {
	display: grid;
	grid-template-columns: 1fr;
}

.home-split__about,
.home-split__testimonials {
	padding: var(--kyn-space-section) var(--kyn-space-gutter);
}

.home-split__about {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.home-split__testimonials {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.home-split__inner {
	width: min(100%, 34rem);
	margin-inline: auto;
}

.home-split__title {
	margin: 0 0 var(--kyn-space-4);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.home-split__about .home-split__title,
.home-split__about .home-split__text,
.home-split__about .home-split__cta {
	color: var(--kyn-color-white);
}

.home-split__text {
	margin: 0 0 var(--kyn-space-3);
	font-size: 1rem;
	line-height: 1.6;
}

.home-split__cta {
	margin: var(--kyn-space-4) 0 0;
	line-height: 1.55;
}

.home-split__cta a {
	color: var(--kyn-color-primary) !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.home-split__about .home-split__cta a {
	color: var(--kyn-color-white) !important;
}

.home-testimonials {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-testimonials__item {
	display: flex;
	gap: var(--kyn-space-2);
	align-items: flex-start;
}

.home-testimonials__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	color: #7dd3fc;
}

.home-testimonials__icon .material-symbols-outlined {
	font-size: 1.6rem;
}

.home-testimonials__label {
	margin: 0 0 0.35rem;
	font-family: var(--kyn-font-sans);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7dd3fc;
}

.home-testimonials__quote {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--kyn-color-on-primary-muted);
}

/* Réalisations */
.home-projects {
	padding-block: var(--kyn-space-section);
	background: var(--kyn-color-white);
	min-width: 0;
	max-width: 100%;
}

.home-projects .kyn-container {
	min-width: 0;
	max-width: 100%;
}

.home-projects__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 0;
}

.home-projects__grid--extra {
	margin-top: 0;
}

.home-projects__item {
	min-width: 0;
	max-width: 100%;
}

.home-projects__card {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	aspect-ratio: 4 / 3;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: var(--kyn-radius-xl);
	background: #e8ecf8;
	cursor: pointer;
	text-align: left;
	text-decoration: none !important;
	color: inherit !important;
	font: inherit;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-projects__item--extra[hidden] {
	display: none !important;
}

.home-projects__item--1 .home-projects__card {
	border-top-left-radius: 3rem;
}

.home-projects__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 28px rgba(18, 30, 68, 0.12);
}

.home-projects__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home-projects__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.65rem 0.85rem;
	background: linear-gradient(transparent, rgba(18, 30, 68, 0.72));
	color: var(--kyn-color-white);
	font-size: 0.8rem;
	font-weight: 600;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.home-projects__card:hover .home-projects__caption {
	opacity: 1;
}

.home-projects__actions {
	display: flex;
	justify-content: center;
	margin-top: clamp(1.5rem, 1rem + 1vw, 2.5rem);
}

/* Dialog détail réalisation */
.project-dialog {
	padding: 0;
	border: 0;
	border-radius: var(--kyn-radius-xl);
	max-width: min(56rem, calc(100vw - 2rem));
	width: 100%;
	background: transparent;
	color: var(--kyn-color-primary);
}

.project-dialog::backdrop {
	background: rgba(18, 30, 68, 0.72);
}

.project-dialog__panel {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	min-width: 0;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	box-shadow: 0 1.5rem 3rem rgba(18, 30, 68, 0.25);
}

.project-dialog__close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
	border-radius: 50%;
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	cursor: pointer;
}

.project-dialog__media {
	background: var(--kyn-color-surface);
	padding: var(--kyn-space-4);
}

.project-dialog__media img,
.project-dialog__media .home-projects__image {
	position: static;
	inset: auto;
	display: block;
	width: 100%;
	max-height: 18rem;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
}

.project-dialog__body {
	padding: var(--kyn-space-4);
}

.project-dialog__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.project-dialog__content {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.project-dialog__content img,
.project-dialog__content video,
.project-dialog__content iframe,
.project-dialog__content table {
	max-width: 100%;
}

.site-main--realisations .home-projects {
	padding-block: clamp(3rem, 2.5rem + 1.5vw, 4.5rem);
}

@media (min-width: 800px) {
	.project-dialog__panel {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		align-items: stretch;
	}

	.project-dialog__media {
		display: flex;
		align-items: center;
		min-height: 100%;
	}
}

@media (min-width: 720px) {
	.home-bento--cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-bento--cols-4 > .home-bento__item {
		grid-column: auto;
	}

	.home-bento--cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.home-bento--cols-3 > .home-bento__item {
		grid-column: auto;
	}

	.home-features__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--kyn-space-3);
	}

	.home-projects__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.home-projects__item--1 {
		grid-column: span 4;
	}

	.home-projects__item--2 {
		grid-column: span 2;
	}

	.home-projects__item--3,
	.home-projects__item--4,
	.home-projects__item--5,
	.home-projects__item--6 {
		grid-column: span 2;
	}

	.home-projects__grid--mosaic .home-projects__item--1 {
		grid-row: span 2;
	}

	.home-projects__grid--mosaic .home-projects__item--1 .home-projects__card {
		height: 100%;
		min-height: 0;
		aspect-ratio: auto;
	}

	.home-projects__grid--extra .home-projects__item {
		grid-column: span 2;
	}
}

@media (min-width: 980px) {
	.home-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-split__about,
	.home-split__testimonials {
		padding-inline: var(--kyn-space-5);
	}

	.home-tabs__tab {
		font-size: 0.875rem;
	}
}

/* -------------------------------------------------------------------------
   Digital Center — structure des sections
   ------------------------------------------------------------------------- */

.home-section-header--left {
	text-align: left;
}

.home-section-header--left .home-section-header__lead {
	margin-inline: 0;
}

.home-section-header__accent {
	display: block;
	width: 3.5rem;
	height: 0.25rem;
	margin: var(--kyn-space-2) auto 0;
	border-radius: 999px;
	background: var(--kyn-color-secondary);
}

.home-section-header--left .home-section-header__accent {
	margin-inline: 0;
}

.site-main--digital-center .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--digital-center .page-section + .page-section {
	border-top: 0;
}

.site-main--digital-center .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

.site-main--digital-center .page-section--dark .home-section-header__accent {
	background: var(--kyn-color-secondary);
}

.dc-mini-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-mini-cards > li {
	margin: 0;
	min-width: 0;
	list-style: none;
}

.dc-mini-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.7rem;
	height: 100%;
	padding: 0.95rem 1rem;
	text-decoration: none;
	color: var(--kyn-color-primary);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius-xl);
	box-sizing: border-box;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

a.dc-mini-card:hover,
a.dc-mini-card:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(107, 211, 36, 0.45);
	box-shadow: 0 12px 28px rgba(18, 30, 68, 0.1);
	color: var(--kyn-color-primary);
	outline: none;
}

.dc-mini-card__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 0.6rem;
	background: rgba(107, 211, 36, 0.16);
	color: var(--kyn-color-secondary);
}

.dc-mini-card__icon .material-symbols-outlined {
	font-size: 1.3rem;
	line-height: 1;
}

.dc-mini-card__label {
	font-family: var(--kyn-font-heading);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
}

@media (min-width: 700px) {
	.dc-mini-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.dc-mini-cards {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

/* Piliers — grille 2×2 / 4 colonnes (évite le 3+1 du bento 12 cols) */
.dashboard-pillars {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard-pillars__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
}

.dashboard-pillars__icon {
	margin-bottom: var(--kyn-space-3);
	font-size: 2rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.dashboard-pillars__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--kyn-color-primary);
}

.dashboard-pillars__text {
	margin: 0 0 var(--kyn-space-3);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.dashboard-pillars__list {
	margin: auto 0 0;
	padding: 0;
	list-style: none;
}

.dashboard-pillars__list li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.dashboard-pillars__list .material-symbols-outlined {
	font-size: 1.25rem;
	color: var(--kyn-color-secondary);
}

.dashboard-pillars__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: auto 0 0;
	padding: 0;
	list-style: none;
}

.dashboard-pillars__tags li {
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	background: rgba(18, 30, 68, 0.06);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kyn-color-primary);
}

.dashboard-pillars__progress {
	margin-top: auto;
	height: 0.5rem;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(18, 30, 68, 0.12);
}

.dashboard-pillars__progress-bar {
	display: block;
	width: 85%;
	height: 100%;
	border-radius: inherit;
	background: var(--kyn-color-secondary);
}

.dashboard-pillars__card--primary {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.dashboard-pillars__card--primary .dashboard-pillars__title,
.dashboard-pillars__card--primary .dashboard-pillars__text,
.dashboard-pillars__card--primary .dashboard-pillars__list li {
	color: var(--kyn-color-on-primary);
}

.dashboard-pillars__card--primary .dashboard-pillars__text {
	color: rgba(255, 255, 255, 0.82);
}

.dashboard-pillars__card--primary .dashboard-pillars__icon,
.dashboard-pillars__card--primary .dashboard-pillars__list .material-symbols-outlined {
	color: var(--kyn-color-secondary);
}

.dashboard-pillars__card--light {
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
}

.dashboard-pillars__card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.dashboard-pillars__card--secondary .dashboard-pillars__title,
.dashboard-pillars__card--secondary .dashboard-pillars__text,
.dashboard-pillars__card--secondary .dashboard-pillars__list li {
	color: var(--kyn-color-primary);
}

.dashboard-pillars__card--secondary .dashboard-pillars__icon,
.dashboard-pillars__card--secondary .dashboard-pillars__list .material-symbols-outlined {
	color: var(--kyn-color-primary);
}

.dashboard-pillars__card--muted {
	background: var(--kyn-color-surface-high);
}

.dashboard-pillars__card--muted .dashboard-pillars__text {
	color: rgba(18, 30, 68, 0.72);
}

/* Mockups écran / smartphone pour les sections fonctionnalités */
.kyn-device {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.kyn-device--laptop {
	width: min(100%, 32rem);
}

.kyn-device__bezel {
	position: relative;
	padding: 0.7rem 0.7rem 0.85rem;
	background: linear-gradient(160deg, #2a2f45 0%, #121526 100%);
	border-radius: 0.85rem 0.85rem 0.4rem 0.4rem;
	box-shadow: 0 1.25rem 2.5rem rgba(18, 30, 68, 0.22);
}

.kyn-device__camera {
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	margin: 0 auto 0.45rem;
	border-radius: 50%;
	background: #5a6178;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.kyn-device__screen {
	overflow: hidden;
	background: #0b0d18;
	border-radius: 0.3rem;
}

.kyn-device__screen img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kyn-device--laptop .kyn-device__screen {
	aspect-ratio: 16 / 10;
}

.kyn-device__base {
	display: block;
	width: 62%;
	height: 0.55rem;
	margin: 0.2rem auto 0;
	background: linear-gradient(180deg, #3a4058 0%, #1c2033 100%);
	border-radius: 0 0 0.45rem 0.45rem;
	box-shadow: 0 0.35rem 0 #0d1020;
}

.kyn-device--phone {
	width: min(100%, 15.5rem);
	padding: 0.55rem;
	background: linear-gradient(160deg, #2a2f45 0%, #0f1220 100%);
	border-radius: 1.75rem;
	box-shadow: 0 1.25rem 2.5rem rgba(18, 30, 68, 0.22);
}

.kyn-device__notch {
	display: block;
	width: 32%;
	height: 0.55rem;
	margin: 0.15rem auto 0.45rem;
	border-radius: 999px;
	background: #0a0c14;
}

.kyn-device--phone .kyn-device__screen {
	aspect-ratio: 9 / 17;
	border-radius: 1.2rem;
}

.site-main--digital-center .page-split__media {
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-main--digital-center .page-badge {
	margin-bottom: var(--kyn-space-2);
}

/* Fonctionnalités — grille 2×2 (legacy, conservé si réutilisé) */
.dashboard-features {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard-features__card {
	min-height: 100%;
}

.dashboard-features__card .page-split {
	gap: var(--kyn-space-4);
	height: 100%;
}

.dashboard-features__card .page-split__image {
	min-height: 12rem;
	height: 100%;
	object-fit: cover;
}

.page-split__media--icons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--kyn-space-3);
	min-height: 10rem;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(18, 30, 68, 0.04);
}

.page-split__media--icons .material-symbols-outlined {
	font-size: 3rem;
	color: var(--kyn-color-secondary);
}

/* Valeurs — 3 colonnes égales, pas de cellule vide */
.dashboard-values {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard-values__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-2);
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-values__icon {
	font-size: 2rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.dashboard-values__title {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--kyn-color-on-primary);
}

.dashboard-values__text {
	margin: 0;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.78);
}

/* Annule .home-bento__item { grid-column: span 4 } qui forçait 1 carte / ligne */
.dashboard-pillars > .home-bento__item,
.dashboard-features > .home-bento__item,
.dashboard-values > .home-bento__item {
	grid-column: auto;
}

@media (min-width: 640px) {
	.dashboard-pillars {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-features__card .page-split {
		grid-template-columns: 1fr;
	}

	.dashboard-values {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.dashboard-pillars {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dashboard-features__card .page-split {
		grid-template-columns: 1.1fr 0.9fr;
		align-items: stretch;
	}

	.dashboard-features__card .page-split--reverse {
		grid-template-columns: 0.9fr 1.1fr;
	}

	.dashboard-features__card .page-split--reverse .page-split__media {
		order: 0;
	}

	.dashboard-features__card .page-split--reverse .page-split__content {
		order: 0;
	}
}

/* -------------------------------------------------------------------------
   Expertise WordPress — grilles multi-colonnes
   ------------------------------------------------------------------------- */

.site-main--expertise-wordpress .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--expertise-wordpress .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

.expertise-wp-pillars {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.expertise-wp-pillars > .home-bento__item {
	grid-column: auto;
}

.expertise-wp-pillars__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
}

.expertise-wp-pillars__icon {
	margin-bottom: var(--kyn-space-3);
	font-size: 2rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.expertise-wp-pillars__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--kyn-color-primary);
}

.expertise-wp-pillars__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.expertise-wp-pillars__card--primary {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--kyn-color-on-primary);
}

.expertise-wp-pillars__card--primary .expertise-wp-pillars__title {
	color: var(--kyn-color-on-primary);
}

.expertise-wp-pillars__card--primary .expertise-wp-pillars__text {
	color: rgba(255, 255, 255, 0.78);
}

.expertise-wp-pillars__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: auto 0 0;
	padding: var(--kyn-space-3) 0 0;
	list-style: none;
}

.expertise-wp-pillars__tags li {
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgba(107, 211, 36, 0.14);
	border: 1px solid rgba(107, 211, 36, 0.35);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--kyn-color-secondary);
}

.expertise-wp-pillars__card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.expertise-wp-pillars__card--secondary .expertise-wp-pillars__title,
.expertise-wp-pillars__card--secondary .expertise-wp-pillars__text {
	color: var(--kyn-color-primary);
}

.expertise-wp-pillars__card--secondary .expertise-wp-pillars__icon {
	color: var(--kyn-color-primary);
}

.expertise-wp-pillars__card--light {
	background: var(--kyn-color-white);
	color: var(--kyn-color-primary);
}

.expertise-wp-pillars__card--light .expertise-wp-pillars__text {
	color: var(--kyn-color-muted);
}

/* Technologies : rangée compacte centrée (évite l’étirement 5× pleine largeur) */
.expertise-wp-tech.page-tech-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: var(--kyn-space-3);
	margin: 0 auto;
	max-width: 56rem;
	grid-template-columns: none;
}

.expertise-wp-tech .page-tech-grid__item {
	flex: 1 1 8.5rem;
	max-width: 10.5rem;
	min-width: 7.5rem;
	padding: 1.25rem 0.875rem;
	border: 1px solid var(--kyn-color-border-soft);
	border-top: 3px solid var(--kyn-color-secondary);
	border-radius: var(--kyn-radius-xl);
	box-shadow: none;
	background: var(--kyn-color-white);
}

.expertise-wp-tech .page-tech-grid__item .material-symbols-outlined,
.expertise-wp-tech__pictogram {
	font-size: 1.75rem;
}

.expertise-wp-tech__pictogram {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 auto;
	color: var(--kyn-color-secondary);
}

.expertise-wp-tech .page-tech-grid__item span:not(.material-symbols-outlined) {
	font-size: 0.875rem;
}

@media (min-width: 640px) {
	.expertise-wp-pillars {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.expertise-wp-pillars {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.expertise-wp-tech .page-tech-grid__item {
		flex: 0 1 8.75rem;
	}
}

/* -------------------------------------------------------------------------
   Cartes de visite virtuelles
   ------------------------------------------------------------------------- */

.site-main--cartes-visite-virtuelles .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--cartes-visite-virtuelles .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

/* Fonctionnalités — grille 2×2 compacte */
.cartes-features {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cartes-features > .home-bento__item {
	grid-column: auto;
}

.cartes-features__card {
	min-height: 0;
}

.cartes-features__image {
	display: block;
	width: 100%;
	max-height: 10rem;
	margin-top: auto;
	padding-top: var(--kyn-space-3);
	border-radius: var(--kyn-radius);
	object-fit: cover;
	object-position: center;
}

.cartes-features__split {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-3);
	height: 100%;
	align-items: center;
}

.cartes-features__split-media img {
	display: block;
	width: 100%;
	max-height: 10rem;
	border-radius: var(--kyn-radius);
	object-fit: cover;
}

/* Audience — deux colonnes de poids visuel équivalent */
.cartes-audience {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	align-items: stretch;
}

.cartes-audience__list,
.cartes-audience__stats {
	display: grid;
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cartes-audience__list {
	grid-template-columns: 1fr;
}

.cartes-audience__stats {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cartes-audience > .home-bento__item,
.cartes-audience__list > .home-bento__item,
.cartes-audience__stats > .home-bento__item {
	grid-column: auto;
}

.cartes-audience__item,
.cartes-audience__stat {
	display: flex;
	gap: var(--kyn-space-3);
	align-items: flex-start;
	height: 100%;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.cartes-audience__stat {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--kyn-space-2);
	min-height: 7.5rem;
}

.cartes-audience__icon {
	flex-shrink: 0;
	font-size: 1.75rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.cartes-audience__title {
	margin: 0 0 0.35rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--kyn-color-on-primary);
}

.cartes-audience__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.cartes-audience__stat-value {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
	font-weight: 800;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.cartes-audience__stat-label {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 720px) {
	.cartes-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cartes-features__split {
		grid-template-columns: 1.1fr 0.9fr;
	}

	.cartes-audience {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--kyn-space-4);
	}

	.cartes-audience__list {
		align-content: stretch;
	}

	.cartes-audience__stats {
		align-content: stretch;
	}
}

/* Invitation carte gratuite */
.cartes-free__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: center;
}

.cartes-free__badge {
	margin-bottom: var(--kyn-space-3);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.cartes-free__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--kyn-color-primary);
}

.cartes-free__lead {
	margin: 0 0 var(--kyn-space-4);
	max-width: 38rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(18, 30, 68, 0.85);
}

.cartes-free__actions .kyn-btn {
	width: 100%;
}

.cartes-free__actions .kyn-btn .material-symbols-outlined {
	transition: transform 0.2s ease;
}

.cartes-free__actions .kyn-btn:hover .material-symbols-outlined {
	transform: translateX(0.25rem);
}

.cartes-free__perks {
	display: grid;
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cartes-free__perk {
	display: flex;
	gap: var(--kyn-space-3);
	align-items: flex-start;
	padding: var(--kyn-space-3);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
}

.cartes-free__perk-icon {
	flex-shrink: 0;
	font-size: 1.75rem;
	line-height: 1;
	color: var(--kyn-color-primary);
}

.cartes-free__perk-title {
	margin: 0 0 0.35rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.cartes-free__perk-text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

@media (min-width: 720px) {
	.cartes-free__inner {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
		gap: var(--kyn-space-5);
	}

	.cartes-free__actions .kyn-btn {
		width: auto;
	}
}

/* -------------------------------------------------------------------------
   Marketing Digital & SEO
   ------------------------------------------------------------------------- */

.site-main--marketing-digital-seo .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--marketing-digital-seo .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

@media (min-width: 1024px) {
	.site-main--marketing-digital-seo #leviers .home-bento--cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Piliers — grille 2×2 régulière */
.seo-pillars {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.seo-pillars > .home-bento__item {
	grid-column: auto;
}

.seo-pillars__card {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.seo-pillars__stat {
	margin: 0 0 0.15rem;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
	font-weight: 800;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.seo-pillars__card--primary .seo-pillars__stat {
	color: var(--kyn-color-secondary);
}

.seo-pillars__stat-label {
	margin: 0 0 var(--kyn-space-2);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.seo-pillars__card--primary .seo-pillars__stat-label {
	color: rgba(255, 255, 255, 0.65);
}

.seo-pillars__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: auto 0 0;
	padding-top: var(--kyn-space-3);
	list-style: none;
}

.seo-pillars__tags li {
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgba(18, 30, 68, 0.06);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--kyn-color-primary);
}

.seo-pillars__image {
	display: block;
	width: 100%;
	max-height: 7.5rem;
	margin: 0 0 var(--kyn-space-3);
	border-radius: var(--kyn-radius);
	object-fit: cover;
}

/* Résultats — contenu + média équilibrés */
.seo-results {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	align-items: stretch;
}

.seo-results__content {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
	min-height: 0;
}

.seo-results__stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.seo-results__stats > .home-bento__item,
.seo-results__panel.home-bento__item,
.seo-results__media.home-bento__item {
	grid-column: auto;
}

.seo-results__stat {
	padding: var(--kyn-space-3) var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border-soft);
}

.seo-results__stat-value {
	margin: 0 0 0.25rem;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
	font-weight: 800;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.seo-results__stat-label {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.seo-results__panel {
	display: flex;
	gap: var(--kyn-space-3);
	align-items: flex-start;
	margin-top: auto;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border-soft);
}

.seo-results__panel-icon {
	flex-shrink: 0;
	font-size: 2rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.seo-results__panel-title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.seo-results__panel-text {
	margin: 0 0 var(--kyn-space-3);
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

.seo-results__media {
	margin: 0;
	border-radius: var(--kyn-radius-xl);
	overflow: hidden;
	background: var(--kyn-color-primary);
}

.seo-results__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 16rem;
	max-height: 28rem;
	object-fit: cover;
}

@media (min-width: 640px) {
	.seo-pillars {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.seo-results__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.seo-results {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: var(--kyn-space-5);
	}

	.seo-results__media img {
		min-height: 100%;
		max-height: none;
	}
}

/* Editorial SEO (contenu page référencement legacy) */
.seo-editorial {
	max-width: 52rem;
}

.seo-editorial .home-section-header--left {
	text-align: left;
}

.seo-editorial .home-section-header--left .home-section-header__accent {
	margin-inline: 0;
}

.seo-editorial__prose {
	margin: 0 auto;
	max-width: 42rem;
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--kyn-color-muted);
}

.seo-editorial__prose--wide {
	max-width: 48rem;
	margin-inline: 0;
}

.seo-editorial__prose p {
	margin: 0 0 var(--kyn-space-3);
}

.seo-editorial__prose p:last-child {
	margin-bottom: 0;
}

.seo-editorial__prose--on-dark {
	max-width: 48rem;
	margin-bottom: var(--kyn-space-4);
	color: rgba(255, 255, 255, 0.78);
}

.seo-editorial__actions {
	display: flex;
	justify-content: center;
	margin-top: var(--kyn-space-4);
}

.seo-sxo-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0 0 var(--kyn-space-4);
	padding: 0;
	list-style: none;
}

.seo-sxo-grid > .home-bento__item {
	grid-column: auto;
}

.seo-sxo-grid__card {
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.seo-sxo-grid__icon {
	display: block;
	margin-bottom: var(--kyn-space-2);
	font-size: 1.75rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.seo-sxo-grid__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--kyn-color-on-primary);
}

.seo-sxo-grid__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

@media (min-width: 720px) {
	.seo-sxo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.seo-sxo-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Gestion Google Ads
   ------------------------------------------------------------------------- */

.site-main--gestion-google-ads .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--gestion-google-ads .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

.gads-expertise {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.gads-expertise > .home-bento__item {
	grid-column: auto;
}

.gads-expertise__card {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

@media (min-width: 720px) {
	.gads-expertise {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.gads-budget-range {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 0.35rem 0.75rem;
	margin: 0 0 clamp(2rem, 1.5rem + 1.5vw, 3rem);
	font-family: var(--kyn-font-heading);
	color: var(--kyn-color-primary);
	text-align: center;
}

.gads-budget-range__from,
.gads-budget-range__to {
	font-size: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
	font-weight: 800;
	line-height: 1;
}

.gads-budget-range__to {
	color: var(--kyn-color-secondary);
}

.gads-budget-range__to--text {
	flex-basis: 100%;
	font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
	font-weight: 700;
}

.gads-budget-range__sep,
.gads-budget-range__unit {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--kyn-color-muted);
}

/* -------------------------------------------------------------------------
   Campagnes LinkedIn Ads
   ------------------------------------------------------------------------- */

.site-main--gestion-linkedin-ads .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--gestion-linkedin-ads .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

.site-main--gestion-linkedin-ads .page-split--approche {
	align-items: stretch;
}

.site-main--gestion-linkedin-ads .page-split--approche .page-split__media {
	display: flex;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
}

.site-main--gestion-linkedin-ads .page-split--approche .page-split__image {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	min-height: 16rem;
	object-fit: cover;
}

@media (min-width: 1024px) {
	.site-main--gestion-linkedin-ads .page-split--approche {
		grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.2fr);
		gap: var(--kyn-space-4);
	}
}

/* -------------------------------------------------------------------------
   Expertise LinkedIn
   ------------------------------------------------------------------------- */

.site-main--expertise-linkedin .page-section {
	padding-block: clamp(3.5rem, 3rem + 2vw, 5.5rem);
}

.site-main--expertise-linkedin .home-section-header {
	margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

.site-main--expertise-linkedin #accompagnement {
	scroll-margin-top: calc(var(--kyn-header-height) + 1rem);
}

.linkedin-branding .linkedin-enterprise__card {
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
}

.linkedin-branding .linkedin-enterprise__title {
	color: var(--kyn-color-primary);
}

.linkedin-branding .linkedin-enterprise__text {
	color: var(--kyn-color-muted);
}

.linkedin-selling {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-4);
}

.linkedin-selling__intro {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	align-items: center;
}

.linkedin-selling__image {
	display: block;
	width: 100%;
	max-height: 18rem;
	border-radius: var(--kyn-radius-xl);
	object-fit: cover;
}

.linkedin-selling__copy .page-split__lead {
	margin-bottom: 0;
}

.linkedin-selling__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.linkedin-selling__cards > .home-bento__item {
	grid-column: auto;
}

.linkedin-selling__card {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-2);
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
}

.linkedin-selling__card--primary {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
}

.linkedin-selling__card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.linkedin-selling__card-icon {
	font-size: 1.75rem;
	line-height: 1;
}

.linkedin-selling__card--primary .linkedin-selling__card-icon {
	color: var(--kyn-color-secondary);
}

.linkedin-selling__card--secondary .linkedin-selling__card-icon {
	color: var(--kyn-color-primary);
}

.linkedin-selling__card-title {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
}

.linkedin-selling__card-text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	opacity: 0.85;
}

.linkedin-enterprise {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.linkedin-enterprise > .home-bento__item {
	grid-column: auto;
}

.linkedin-enterprise__card {
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.linkedin-enterprise__icon {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 1.75rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.linkedin-enterprise__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--kyn-color-on-primary);
}

.linkedin-enterprise__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.75);
}

.linkedin-methodo {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.linkedin-methodo > .home-bento__item {
	grid-column: auto;
}

.linkedin-methodo__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
}

.linkedin-methodo__card--light {
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
}

.linkedin-methodo__card--secondary {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.linkedin-methodo__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--kyn-color-primary);
}

.linkedin-methodo__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

.linkedin-methodo__card--secondary .linkedin-methodo__title,
.linkedin-methodo__card--secondary .linkedin-methodo__text {
	color: var(--kyn-color-primary);
}

.linkedin-methodo__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: auto 0 0;
	padding-top: var(--kyn-space-3);
	list-style: none;
}

.linkedin-methodo__tags li {
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgba(18, 30, 68, 0.06);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--kyn-color-primary);
}

.linkedin-ads-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-4);
}

.linkedin-ads-cta__icon {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 2rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.linkedin-ads-cta__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--kyn-color-on-primary);
}

.linkedin-ads-cta__lead {
	margin: 0;
	max-width: 38rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.75);
}

.linkedin-ads-cta__actions {
	flex-shrink: 0;
	width: 100%;
}

.linkedin-ads-cta__actions .kyn-btn {
	width: 100%;
}

@media (min-width: 720px) {
	.linkedin-selling__intro {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}

	.linkedin-selling__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.linkedin-enterprise {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.linkedin-methodo {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.linkedin-ads-cta__inner {
		display: grid;
		grid-template-columns: minmax(0, 1.4fr) auto;
		align-items: center;
		gap: var(--kyn-space-5);
	}

	.linkedin-ads-cta__actions {
		width: auto;
	}

	.linkedin-ads-cta__actions .kyn-btn {
		width: auto;
		white-space: nowrap;
	}
}

/* -------------------------------------------------------------------------
   Blog — listing & article
   ------------------------------------------------------------------------- */

.site-main--blog,
.site-main--blog-single {
	background: var(--kyn-color-surface);
}

.blog-hero {
	padding-block: clamp(3rem, 2.5rem + 2vw, 5rem);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	text-align: center;
}

.blog-hero .page-badge {
	background: rgba(107, 211, 36, 0.18);
	color: var(--kyn-color-secondary);
}

.blog-hero__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--kyn-color-on-primary);
}

.blog-hero__lead {
	margin: 0 auto;
	max-width: 36rem;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.78);
}

.blog-hero__lead p {
	margin: 0;
}

.blog-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-card {
	height: 100%;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.blog-card:hover {
	box-shadow: 0 1.25rem 2.5rem rgba(18, 30, 68, 0.1);
	transform: translateY(-0.2rem);
}

.blog-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none !important;
	color: inherit !important;
}

.blog-card__media-wrap {
	position: relative;
	overflow: hidden;
	background: var(--kyn-color-primary);
}

.blog-card__media {
	height: 12.5rem;
	background-color: var(--kyn-color-primary);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: transform 0.35s ease, filter 0.35s ease;
}

.blog-card:hover .blog-card__media {
	transform: scale(1.05);
	filter: brightness(0.72);
}

.blog-card__category {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	z-index: 1;
	padding: 0.3rem 0.7rem;
	border-radius: 999px;
	background: var(--kyn-color-secondary);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kyn-color-primary);
}

.blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1.25rem 1.35rem 1.5rem;
}

.blog-card__date {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.blog-card__title {
	margin: 0 0 0.65rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--kyn-color-primary);
}

.blog-card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 0 0 1rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

.blog-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: auto;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.blog-card__cta .material-symbols-outlined {
	font-size: 1.1rem;
	color: var(--kyn-color-secondary);
	transition: transform 0.2s ease;
}

.blog-card:hover .blog-card__cta .material-symbols-outlined {
	transform: translateX(0.2rem);
}

.blog-empty {
	max-width: 32rem;
	margin: 0 auto;
	padding: var(--kyn-space-5) 0;
	text-align: center;
}

.blog-empty__title {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: 1.75rem;
	color: var(--kyn-color-primary);
}

.blog-empty__text {
	margin: 0 0 var(--kyn-space-4);
	color: var(--kyn-color-muted);
}

/* Article seul */
.site-main--blog-single {
	background: var(--kyn-color-white);
}

.blog-single__hero {
	padding-block: clamp(3rem, 2.5rem + 2vw, 4.5rem);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	text-align: center;
}

.blog-single__hero .page-badge {
	background: rgba(107, 211, 36, 0.18);
	color: var(--kyn-color-secondary);
}

.blog-single__hero-inner {
	max-width: 48rem;
}

.blog-single__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.85rem, 1.5rem + 1.6vw, 3rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--kyn-color-on-primary);
}

.blog-single__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.35rem 0.5rem;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.72);
}

.blog-single__meta-sep {
	opacity: 0.5;
}

.blog-single__cover {
	margin-top: -1.5rem;
	margin-bottom: 0;
}

.blog-single__cover img {
	display: block;
	width: 100%;
	max-height: 28rem;
	border-radius: var(--kyn-radius-xl);
	object-fit: cover;
	box-shadow: 0 1.5rem 3rem rgba(18, 30, 68, 0.18);
}

.blog-single__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	max-width: 52rem;
}

.blog-single__content {
	min-width: 0;
}

.blog-single__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-2);
}

.blog-single__share-label {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kyn-color-muted);
}

.blog-share {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.blog-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary) !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.blog-share__link:hover {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary) !important;
	transform: translateY(-0.15rem);
}

.blog-share__link svg {
	width: 1.1rem;
	height: 1.1rem;
}

.blog-related {
	border-top: 1px solid var(--kyn-color-border-soft);
}

@media (min-width: 720px) {
	.blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blog-single__layout {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
		max-width: 58rem;
	}

	.blog-single__aside {
		position: sticky;
		top: 6.5rem;
		padding-top: 0.25rem;
	}

	.blog-share {
		flex-direction: column;
	}
}

@media (min-width: 1024px) {
	.blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Texte éditorial (pages legacy modernisées)
   ------------------------------------------------------------------------- */
.page-prose {
	max-width: 48rem;
}

.page-prose p {
	margin: 0 0 var(--kyn-space-3);
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--kyn-color-muted);
}

.page-prose--compact {
	max-width: 40rem;
	margin-top: var(--kyn-space-5);
}

.page-prose__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--kyn-space-2);
	margin-top: var(--kyn-space-4);
}

.page-split__icon {
	display: block;
	margin-bottom: var(--kyn-space-3);
	font-size: 3rem;
	color: var(--kyn-color-secondary);
}

.page-feature-card__accent {
	display: block;
	margin-bottom: var(--kyn-space-3);
}

.page-feature-card--span {
	grid-column: 1 / -1;
}

@media (min-width: 720px) {
	.page-feature-cards--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-feature-card--span {
		grid-column: span 2;
	}
}

/* -------------------------------------------------------------------------
   Cartes tarifaires (.page-pricing)
   ------------------------------------------------------------------------- */
.site-main .page-pricing,
.page-pricing {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	margin: 0 0 var(--kyn-space-4);
	padding: 0 0 var(--kyn-space-3);
	list-style: none !important;
	align-items: stretch;
}

.page-pricing__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--kyn-space-3);
	padding: var(--kyn-space-4) var(--kyn-space-4) 2.75rem;
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	box-shadow: 0 1rem 2.5rem rgba(18, 30, 68, 0.18);
	text-align: center;
	overflow: visible;
}

.page-pricing__card--featured {
	outline: 2px solid var(--kyn-color-secondary);
	outline-offset: 0;
}

.page-pricing__ribbon {
	position: absolute;
	right: 0;
	top: 0;
	width: 7.5rem;
	height: 7.5rem;
	background: var(--kyn-color-secondary);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	border-top-right-radius: var(--kyn-radius-xl);
	pointer-events: none;
	z-index: 1;
}

.page-pricing__ribbon img {
	position: absolute;
	right: 0.85rem;
	top: 0.85rem;
	width: 2.5rem;
	height: auto;
}

.page-pricing__picto {
	display: block;
	width: 7.5rem;
	height: auto;
	margin: 0.5rem auto 0;
	object-fit: contain;
}

.page-pricing__badge {
	display: none;
}

.page-pricing__icon {
	display: block;
	font-size: 2.5rem;
	line-height: 1;
	color: var(--kyn-color-secondary);
}

.page-pricing__title {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

.page-pricing__subtitle,
.page-pricing__text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8);
}

.page-pricing__price {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.9);
}

.page-pricing__price strong {
	font-family: var(--kyn-font-heading);
	font-size: 1.75rem;
	font-weight: 800;
	color: #fff;
}

.page-pricing__price--pack {
	margin-top: auto;
}

.page-pricing__meters,
.page-pricing__list {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-2);
	margin: 0;
	padding: 0;
	list-style: none !important;
	flex: 1;
	width: 100%;
}

.page-pricing__meter {
	display: grid;
	gap: 0.45rem;
	justify-items: center;
	list-style: none !important;
}

.page-pricing__meter-track {
	display: block;
	width: 100%;
	height: 0.55rem;
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
}

.page-pricing__meter-fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: var(--kyn-color-secondary);
	will-change: width;
}

.page-pricing__meter-label {
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.9);
}

.page-pricing__list {
	align-items: flex-start;
	text-align: left;
}

.page-pricing__list li {
	position: relative;
	padding-left: 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.88);
	list-style: none !important;
}

.page-pricing__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--kyn-color-secondary);
}

.page-pricing__fees {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.75);
}

.page-pricing__cta {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	margin: 0;
	white-space: nowrap;
	z-index: 2;
}

.page-pricing__legal {
	margin: var(--kyn-space-4) auto 0;
	max-width: 48rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	text-align: center;
	color: var(--kyn-color-muted);
}

@media (min-width: 900px) {
	.site-main .page-pricing,
	.page-pricing {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   À propos + Témoignages (pleine largeur)
   ------------------------------------------------------------------------- */
.site-main .kyn-about,
.kyn-about {
	display: block;
	width: 100%;
	background: #6bd324 !important;
	color: #fff !important;
}

.kyn-about__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	width: min(100% - 2 * var(--kyn-space-gutter), var(--kyn-wide-max));
	margin: 0 auto;
	padding: var(--kyn-space-section) 0;
	align-items: center;
}

.kyn-about__content {
	padding: 0 var(--kyn-space-3) var(--kyn-space-4);
}

.site-main .kyn-about__title,
.kyn-about__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	font-weight: 800;
	line-height: 1.2;
	color: #fff !important;
	text-align: center;
}

.site-main .kyn-about__text,
.kyn-about__text {
	margin: 0 0 var(--kyn-space-2);
	font-size: 1rem;
	line-height: 1.55;
	color: #fff !important;
}

.site-main .kyn-about__cta,
.kyn-about__cta {
	margin: var(--kyn-space-4) 0 0;
	line-height: 1.55;
	color: #fff !important;
}

.site-main .kyn-about__cta a,
.site-main .kyn-about__cta a:hover,
.kyn-about__cta a,
.kyn-about__cta a:hover {
	color: #fff !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.kyn-about__media {
	margin: 0;
	padding: 0 var(--kyn-space-3);
}

.kyn-about__image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 28rem;
	object-fit: cover;
	object-position: 72% center;
	border-radius: var(--kyn-radius-xl);
	box-shadow: 0 1.125rem 2.5rem rgba(18, 30, 68, 0.18);
}

.site-main .kyn-avis,
.kyn-avis {
	display: block;
	width: 100%;
	background: #121e44;
	color: #fff;
	padding: var(--kyn-space-section) 0;
}

.kyn-avis__inner {
	width: min(100% - 2 * var(--kyn-space-gutter), var(--kyn-wide-max));
	margin: 0 auto;
}

.site-main .kyn-avis__title,
.kyn-avis__title {
	margin: 0 0 var(--kyn-space-5);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}

.kyn-avis__content {
	width: 100%;
}

@media (min-width: 900px) {
	.kyn-about__inner {
		grid-template-columns: 1.1fr 0.9fr;
		gap: var(--kyn-space-5);
	}

	.kyn-about__content {
		padding: 0;
	}

	.kyn-about__title {
		text-align: left;
	}

	.kyn-about__media {
		padding: 0;
	}
}

/* -------------------------------------------------------------------------
   Demande de devis — hub (archive) + fiche (single)
   ------------------------------------------------------------------------- */

.devis-hub {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.devis-hub--single {
	max-width: 36rem;
}

.devis-hub--two {
	max-width: 36rem;
}

.service-devis .devis-hub--single,
.service-devis .devis-hub--two {
	margin-inline: auto;
}

.devis-hub__item {
	list-style: none;
	margin: 0;
}

.devis-hub__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius-xl);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.devis-hub__card:hover {
	transform: translateY(-4px);
	border-color: rgba(107, 211, 36, 0.45);
	box-shadow: 0 18px 40px rgba(18, 30, 68, 0.1);
}

.devis-hub__media {
	margin: 0;
	aspect-ratio: 16 / 10;
	background: linear-gradient(145deg, #121e44 0%, #1c2b55 55%, #263660 100%);
	overflow: hidden;
}

.devis-hub__media--placeholder {
	display: grid;
	place-items: center;
	color: var(--kyn-color-secondary);
	font-size: 2.5rem;
}

.devis-hub__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.devis-hub__body {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.35rem 1.4rem 1.5rem;
	flex: 1;
}

.devis-hub__eyebrow {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kyn-color-secondary);
}

.devis-hub__title {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--kyn-color-primary);
}

.devis-hub__text {
	margin: 0;
	flex: 1;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--kyn-color-muted);
}

.devis-hub__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.75rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.devis-hub__cta .material-symbols-outlined {
	font-size: 1.15rem;
	color: var(--kyn-color-secondary);
	transition: transform 0.2s ease;
}

.devis-hub__card:hover .devis-hub__cta .material-symbols-outlined {
	transform: translateX(4px);
}

.devis-hub__empty {
	margin: 0;
	padding: 2rem;
	text-align: center;
	color: var(--kyn-color-muted);
}

.devis-single__back {
	margin: 0 0 1rem;
}

.devis-single__back a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.devis-single__back a:hover {
	color: var(--kyn-color-secondary);
}

.devis-single__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: start;
}

.devis-single__media {
	margin: 0 0 1.5rem;
	overflow: hidden;
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-surface-low);
}

.devis-single__image {
	display: block;
	width: 100%;
	height: auto;
}

.devis-single__points-title {
	margin: 0 0 1rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.devis-single__aside-cta {
	margin: 1.5rem 0 0;
}

.devis-single__form-panel {
	padding: 1.75rem 1.5rem;
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius-xl);
	box-shadow: 0 12px 36px rgba(18, 30, 68, 0.06);
}

.devis-single__form-title {
	margin: 0 0 1.25rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.devis-single__form-empty {
	margin: 0 0 1rem;
	color: var(--kyn-color-muted);
}

/* CF7 — fiche devis (fond clair) */
.devis-single__form .wpcf7 h3,
.devis-single__form .form-section-title {
	margin: 1.75rem 0 1rem;
	padding-bottom: 0.5rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
	border-bottom: 2px solid var(--kyn-color-secondary);
}

.devis-single__form .wpcf7 h3:first-child,
.devis-single__form .form-section-title:first-child {
	margin-top: 0;
}

.devis-single__form .wpcf7 label {
	display: block;
	margin: 0 0 1rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

/* Groupes checkbox / radio : fieldset + legend (pas de <label> englobant) */
.devis-single__form .form-field-group {
	display: block;
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	min-width: 0;
}

.devis-single__form .form-field-group legend,
.devis-single__form .form-field-label {
	display: block;
	padding: 0;
	margin: 0 0 0.4rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.devis-single__form .wpcf7-form-control-wrap {
	display: block;
	margin-top: 0.4rem;
}

.devis-single__form input[type="text"],
.devis-single__form input[type="email"],
.devis-single__form input[type="tel"],
.devis-single__form input[type="url"],
.devis-single__form input[type="number"],
.devis-single__form input[type="file"],
.devis-single__form select,
.devis-single__form textarea {
	width: 100%;
	max-width: 100%;
	padding: 0.75rem 1rem;
	font-family: var(--kyn-font-sans);
	font-size: 0.95rem;
	color: var(--kyn-color-text);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border);
	border-radius: 999px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.devis-single__form textarea {
	min-height: 8rem;
	border-radius: var(--kyn-radius-lg);
	resize: vertical;
}

.devis-single__form select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23121e44' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	padding-right: 2.5rem;
}

.devis-single__form input:focus,
.devis-single__form select:focus,
.devis-single__form textarea:focus {
	outline: none;
	border-color: var(--kyn-color-secondary);
	box-shadow: 0 0 0 3px rgba(107, 211, 36, 0.25);
}

.devis-single__form .form-gauche-droite {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 1.25rem;
}

.devis-single__form .wpcf7-list-item {
	display: block;
	margin: 0.35rem 0;
}

.devis-single__form .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-weight: 500;
}

.devis-single__form .wpcf7-acceptance {
	margin: 1.25rem 0;
}

/* Bouton submit : souvent enfant direct du form (pas dans un <p>). */
.devis-single__form .wpcf7-form > p:has(input[type="submit"]),
.devis-single__form .wpcf7-form > p:has(.wpcf7-submit) {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	text-align: center;
}

.devis-single__form .wpcf7-form > p:has(.wpcf7-submit) .wpcf7-spinner,
.devis-single__form .wpcf7-submit + .wpcf7-spinner {
	position: absolute;
	width: 1em;
	height: 1em;
	margin: 0;
	transform: translateX(0.75rem);
}

.devis-single__form .wpcf7-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	max-width: 100%;
	margin: 0.5rem auto 0;
	padding: 0.9rem 2rem;
	font-family: var(--kyn-font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	color: #fff;
	background: var(--kyn-color-primary);
	border: none;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.devis-single__form .wpcf7-submit:hover {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.devis-single__form .wpcf7-not-valid-tip {
	font-size: 0.8rem;
	font-weight: 500;
}

.devis-single__form .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: 0.85rem 1rem;
	border-radius: var(--kyn-radius);
}

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

	.devis-hub--single {
		grid-template-columns: 1fr;
	}

	.devis-hub.devis-hub--two {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 52rem;
	}

	.devis-single__form .form-gauche-droite {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 980px) {
	.devis-hub {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.devis-hub--single {
		grid-template-columns: 1fr;
	}

	.devis-hub.devis-hub--two {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 60rem;
	}

	.devis-single__layout {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		gap: 2.5rem;
	}

	.devis-single__form-panel {
		padding: 2rem 2.25rem;
	}
}

/* -------------------------------------------------------------------------
   Assistant nom de domaine
   ------------------------------------------------------------------------- */

.domain-checker {
	margin: 0 0 2rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--kyn-color-border-soft);
}

.domain-checker__lead,
.domain-checker__disclaimer,
.domain-checker__noscript {
	margin: 0 0 1.25rem;
	color: var(--kyn-color-muted);
	font-size: 0.95rem;
	line-height: 1.55;
}

.domain-checker__search {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.domain-checker__field {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.domain-checker__label {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.domain-checker__input {
	width: 100%;
	padding: 0.75rem 1rem;
	font: inherit;
	color: var(--kyn-color-text);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border);
	border-radius: 999px;
}

.domain-checker__input:focus {
	outline: none;
	border-color: var(--kyn-color-secondary);
	box-shadow: 0 0 0 3px rgba(107, 211, 36, 0.25);
}

.domain-checker__tlds {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.domain-checker__tld-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.domain-checker__tld {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0.45rem 0.9rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
	background: var(--kyn-color-surface);
	border: 1px solid var(--kyn-color-border);
	border-radius: 999px;
	cursor: pointer;
}

.domain-checker__tld:has(input:checked) {
	color: var(--kyn-color-on-primary);
	background: var(--kyn-color-primary);
	border-color: var(--kyn-color-primary);
}

.domain-checker__tld input {
	margin: 0;
	accent-color: var(--kyn-color-secondary);
}

.domain-checker__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.domain-checker__actions .kyn-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	box-shadow: none;
}

.domain-checker__status {
	min-height: 1.4em;
	margin: 1rem 0 0;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.domain-checker__status.is-error {
	color: #9b1c1c;
}

.domain-checker__results {
	margin-top: 1.5rem;
}

.domain-checker__results-title {
	margin: 0 0 0.75rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.domain-checker__results-list {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.domain-checker__result {
	margin: 0;
	padding: 0.75rem 1rem;
	border: 1px solid var(--kyn-color-border-soft);
	border-radius: var(--kyn-radius);
	background: var(--kyn-color-surface);
}

.domain-checker__result--available {
	border-color: rgba(107, 211, 36, 0.45);
	background: rgba(107, 211, 36, 0.08);
}

.domain-checker__result--taken {
	opacity: 0.72;
}

.domain-checker__result-label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
	margin: 0;
	font-weight: 500;
	cursor: pointer;
}

.domain-checker__fqdn {
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.domain-checker__badge {
	margin-left: auto;
	padding: 0.2rem 0.65rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 999px;
}

.domain-checker__badge--available {
	color: var(--kyn-color-primary);
	background: var(--kyn-color-secondary);
}

.domain-checker__badge--taken {
	color: var(--kyn-color-muted);
	background: var(--kyn-color-surface-high);
}

.domain-checker__badge--unknown {
	color: var(--kyn-color-primary);
	background: var(--kyn-color-highlight);
}

.devis-single__request[hidden] {
	display: none;
}

.devis-single__request.is-unlocked {
	margin-top: 0.5rem;
}

.domain-checker[aria-busy="true"] .domain-checker__input,
.domain-checker[aria-busy="true"] .domain-checker__tld {
	pointer-events: none;
	opacity: 0.7;
}

/* -------------------------------------------------------------------------
   Page 404
   ------------------------------------------------------------------------- */

.site-main--404 {
	padding: 0;
}

.error-404 {
	padding-block: clamp(3.5rem, 8vw, 6.5rem);
	background: var(--kyn-color-white);
}

.error-404__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 44rem;
	margin-inline: auto;
	text-align: center;
}

.error-404__media {
	margin: 0 0 var(--kyn-space-4);
	width: min(100%, 32rem);
}

.error-404__image {
	display: block;
	width: 100%;
	height: auto;
}

.error-404__code {
	margin: 0 0 var(--kyn-space-2);
	font-family: var(--kyn-font-heading);
	font-size: clamp(3.5rem, 10vw, 5.5rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--kyn-color-primary);
}

.error-404__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.error-404__lead {
	margin: 0 0 var(--kyn-space-4);
	max-width: 32rem;
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--kyn-color-muted);
}

.error-404__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--kyn-space-2);
	margin: 0;
}

/* -------------------------------------------------------------------------
   Page Contact
   ------------------------------------------------------------------------- */

.contact-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	align-items: start;
}

.contact-layout__aside-title {
	margin: 0 0 0.75rem;
	font-family: var(--kyn-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.contact-layout__aside-lead {
	margin: 0 0 1.5rem;
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--kyn-color-muted);
}

.contact-layout__details {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.contact-layout__detail {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 1rem;
	line-height: 1.45;
	color: var(--kyn-color-primary);
}

.contact-layout__detail .material-symbols-outlined {
	flex-shrink: 0;
	color: var(--kyn-color-secondary);
}

.contact-layout__detail a {
	color: inherit;
	text-decoration: none;
}

.contact-layout__detail a:hover {
	color: var(--kyn-color-secondary);
}

.contact-layout__aside-cta {
	margin: 1.75rem 0 0;
}

.apps-examples-cta {
	margin-top: var(--kyn-space-5);
}

/* Formulaire contact : grille 2 colonnes */
.contact-layout__form .wpcf7 {
	margin: 0;
}

.contact-layout__form .wpcf7-form {
	display: grid !important;
	grid-template-columns: 1fr;
	column-gap: 1.25rem;
	row-gap: 0;
	align-items: start;
}

.contact-layout__form .wpcf7-form > p,
.contact-layout__form .wpcf7-form > label,
.contact-layout__form .wpcf7-form > .wpcf7-form-control-wrap {
	margin: 0 0 1rem;
	min-width: 0;
}

.contact-layout__form .wpcf7-form > br {
	display: none;
}

.contact-layout__form .wpcf7-form > *:not(p):not(label):not(.wpcf7-form-control-wrap) {
	grid-column: 1 / -1;
}

.contact-layout__form .wpcf7-form > p:has(textarea),
.contact-layout__form .wpcf7-form > label:has(textarea),
.contact-layout__form .wpcf7-form > p:has(input[type="submit"]),
.contact-layout__form .wpcf7-form > p:has(.wpcf7-submit),
.contact-layout__form .wpcf7-form > p:has(.wpcf7-acceptance),
.contact-layout__form .wpcf7-form > .wpcf7-response-output,
.contact-layout__form .wpcf7-form > p:has(.wpcf7-quiz) {
	grid-column: 1 / -1;
}

.contact-layout__form .wpcf7-form > p:has(input[type="submit"]),
.contact-layout__form .wpcf7-form > p:has(.wpcf7-submit),
.contact-layout__form .btn-msg-contact,
.contact-layout__form .form-contact1 p:has(input[type="submit"]),
.contact-layout__form .form-contact1 p:has(.wpcf7-submit) {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	text-align: center;
}

/* Le spinner CF7 reste en flux (même visibility:hidden) et décale le bouton. */
.contact-layout__form .btn-msg-contact .wpcf7-spinner,
.contact-layout__form .form-contact1 p:has(.wpcf7-submit) .wpcf7-spinner {
	position: absolute;
	width: 1em;
	height: 1em;
	margin: 0;
	/* Collé à droite du bouton sans occuper de place dans le flex. */
	transform: translateX(0.75rem);
}

.contact-layout__form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0.5rem 0 0;
	min-height: 2.85rem;
	padding: 0.85rem 1.75rem;
	font-family: var(--kyn-font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	color: #fff !important;
	background: var(--kyn-color-primary) !important;
	border: none !important;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.contact-layout__form .wpcf7-submit:hover {
	background: var(--kyn-color-secondary) !important;
	color: var(--kyn-color-primary) !important;
}

@media (min-width: 640px) {
	.contact-layout__form .wpcf7-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.contact-layout {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
		gap: 3rem;
	}
}

/* -------------------------------------------------------------------------
   Souscription DigitalCenter (.dc-plans)
   ------------------------------------------------------------------------- */
.site-main--souscription-digitalcenter {
	overflow-x: clip;
	max-width: 100%;
}

.site-main--souscription-digitalcenter .kyn-container {
	max-width: 100%;
	min-width: 0;
}

.site-main--souscription-digitalcenter .dc-plans-section {
	padding-block: clamp(6rem, 10vw, 9rem);
	overflow-x: clip;
	max-width: 100%;
}

.dc-plans-section {
	padding-block: clamp(5rem, 8vw, 8rem);
}

.dc-plans {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-5);
	align-items: stretch;
}

.dc-plans__billing {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 0.15rem;
	padding: 0.2rem;
	border-radius: 999px;
	background: var(--kyn-color-white);
	border: 1px solid rgba(18, 30, 68, 0.08);
	box-shadow: 0 1px 2px rgba(18, 30, 68, 0.04);
}

.dc-plans__billing-btn {
	appearance: none;
	margin: 0;
	padding: 0.55rem 1.15rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--kyn-color-text);
	font-family: var(--kyn-font-sans);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.dc-plans__billing-btn.is-active {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
}

.dc-plans__billing-btn:focus-visible {
	outline: 2px solid var(--kyn-color-primary);
	outline-offset: 2px;
}

.dc-plans__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-plans__card {
	display: flex;
	flex-direction: column;
	margin: 0;
	list-style: none;
	background: var(--kyn-color-white);
	border: 1px solid rgba(18, 30, 68, 0.08);
	border-radius: 1.25rem;
	box-shadow: 0 0.75rem 1.75rem rgba(18, 30, 68, 0.06);
	overflow: hidden;
}

.dc-plans__card--featured {
	border: 2px solid var(--kyn-color-primary);
	box-shadow: 0 1rem 2.25rem rgba(18, 30, 68, 0.1);
}

.dc-plans__ribbon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.65rem 1rem;
	background: var(--kyn-color-primary);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.dc-plans__ribbon .material-symbols-outlined {
	font-size: 1.1rem;
	font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.dc-plans__card-body {
	display: flex;
	flex-direction: column;
	gap: var(--kyn-space-3);
	padding: 1.5rem 1.5rem 1.75rem;
	flex: 1;
}

.dc-plans__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
}

.dc-plans__name {
	margin: 0;
	font-family: var(--kyn-font-heading);
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--kyn-color-primary);
}

.dc-plans__card--promo {
	box-shadow: 0 0.75rem 1.75rem rgba(107, 211, 36, 0.16);
}

.dc-plans__badge {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem 0.7rem;
	border-radius: 999px;
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.dc-plans__badge[hidden] {
	display: none;
}

.dc-plans__tagline {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--kyn-color-muted);
}

.dc-plans__ttc {
	margin: -0.35rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--kyn-color-muted);
}

.dc-plans__renewal {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--kyn-color-primary);
}

.dc-plans__promo-duration {
	margin: 0;
	padding: 0.7rem 0.9rem;
	border-radius: 0.75rem;
	background: rgba(107, 211, 36, 0.16);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	color: var(--kyn-color-primary);
}

.dc-plans__promo-duration[hidden] {
	display: none;
}

.dc-plans__beta {
	display: inline-block;
	margin-left: 0.35rem;
	padding: 0.05rem 0.4rem;
	border-radius: 999px;
	background: var(--kyn-color-highlight);
	color: var(--kyn-color-primary);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: middle;
}

.dc-plans__notice {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kyn-space-3);
	padding: 1.5rem 1.75rem;
	background: var(--kyn-color-white);
	border: 1px solid rgba(18, 30, 68, 0.08);
	border-radius: 1.25rem;
	box-shadow: 0 0.75rem 1.75rem rgba(18, 30, 68, 0.06);
}

.dc-plans__notice p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.55;
}

.dc-compare {
	margin-top: var(--kyn-space-5);
	max-width: 100%;
	min-width: 0;
}

.dc-compare__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--kyn-color-primary);
}

.dc-compare__hint {
	margin: 0 0 var(--kyn-space-2);
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--kyn-color-muted);
}

.dc-compare__scroller-wrap {
	position: relative;
	max-width: 100%;
	min-width: 0;
}

.dc-compare__scroller-wrap::after {
	content: "";
	position: absolute;
	inset: 0 0 0 auto;
	width: 1.75rem;
	pointer-events: none;
	border-radius: 0 1.25rem 1.25rem 0;
	background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.95));
}

.dc-compare__scroller {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid rgba(18, 30, 68, 0.08);
	border-radius: 1.25rem;
	background: var(--kyn-color-white);
}

.dc-compare__scroller:focus-visible {
	outline: 2px solid var(--kyn-color-primary);
	outline-offset: 2px;
}

.dc-compare__table {
	width: max-content;
	min-width: 100%;
	max-width: none;
	border-collapse: collapse;
	table-layout: fixed;
}

.dc-compare__col-feature {
	width: 12.5rem;
}

.dc-compare__col-plan {
	width: 7.5rem;
}

.dc-compare__table th,
.dc-compare__table td {
	padding: 0.7rem 0.85rem;
	border-bottom: 1px solid rgba(18, 30, 68, 0.08);
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.dc-compare__table thead th {
	background: var(--kyn-color-surface);
	color: var(--kyn-color-primary);
	font-weight: 800;
}

.dc-compare__table thead th:first-child,
.dc-compare__table tbody th[scope="row"] {
	position: sticky;
	left: 0;
	z-index: 1;
	width: 12.5rem;
	min-width: 12.5rem;
	max-width: 12.5rem;
	text-align: left;
	background: var(--kyn-color-white);
	box-shadow: 0.25rem 0 0.5rem rgba(18, 30, 68, 0.04);
	overflow-wrap: break-word;
}

.dc-compare__table thead th:first-child {
	z-index: 2;
	background: var(--kyn-color-surface);
}

.dc-compare__table tbody th[scope="row"] {
	text-align: left;
	font-weight: 500;
	color: var(--kyn-color-text);
}

.dc-compare__group th {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	font-weight: 700;
	text-align: left;
	letter-spacing: 0.02em;
	overflow-wrap: break-word;
}

.dc-compare__cell--included {
	color: var(--kyn-color-secondary-hover);
}

.dc-compare__cell--included .material-symbols-outlined {
	font-size: 1.25rem;
	font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.dc-compare__cell--none {
	color: var(--kyn-color-muted);
}

.dc-compare__cell--optional,
.dc-compare__cell--quota,
.dc-compare__cell--renewal {
	color: var(--kyn-color-text);
	font-weight: 600;
}

.dc-plans__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.55rem;
	margin: 0;
}

.dc-plans__compare {
	font-family: var(--kyn-font-heading);
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--kyn-color-muted);
	text-decoration: line-through;
}

.dc-plans__compare[hidden] {
	display: none;
}

.dc-plans__amount {
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.85rem, 2.5vw, 2.35rem);
	font-weight: 800;
	line-height: 1.1;
	color: var(--kyn-color-primary);
}

.dc-plans__period {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--kyn-color-muted);
}

.dc-plans__billing-note {
	margin: -0.5rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--kyn-color-muted);
}

.dc-plans__billing-note[hidden] {
	display: none;
}

.dc-plans__features {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	margin: 0.25rem 0 0;
	padding: 0;
	list-style: none;
	flex: 1;
}

.dc-plans__features li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--kyn-color-text);
	list-style: none;
}

.dc-plans__features .material-symbols-outlined {
	flex-shrink: 0;
	margin-top: 0.05rem;
	font-size: 1.2rem;
	color: var(--kyn-color-secondary);
	font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.dc-plans__cta {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	margin-top: auto;
	text-align: center;
}

.dc-plans__subscribe {
	display: flex;
	justify-content: center;
	margin-top: var(--kyn-space-5);
	padding-top: var(--kyn-space-2);
}

@media (max-width: 1099.98px) {
	.dc-compare__col-feature {
		width: 9.75rem;
	}

	.dc-compare__col-plan {
		width: 6.75rem;
	}

	.dc-compare__table thead th:first-child,
	.dc-compare__table tbody th[scope="row"] {
		width: 9.75rem;
		min-width: 9.75rem;
		max-width: 9.75rem;
		padding-inline: 0.7rem;
	}

	.dc-compare__table th,
	.dc-compare__table td {
		padding: 0.6rem 0.55rem;
		font-size: 0.8125rem;
	}
}

@media (min-width: 720px) {
	.dc-plans__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.dc-plans__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-items: stretch;
		padding-top: 0.5rem;
	}

	.dc-plans__card--featured {
		transform: translateY(-0.35rem);
	}

	.dc-compare__hint,
	.dc-compare__scroller-wrap::after {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dc-plans__card--featured {
		transform: none;
	}
}

/* FAQ articles — accordion */
.article-faq {
    margin: 2.5em 0 1.5em;
}

.article-faq > h2 {
    margin-bottom: 1em;
}

.article-faq .faq-item {
    border: 1px solid #e2e6ea;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.article-faq .faq-item:hover {
    border-color: #04A3ED;
}

.article-faq .faq-item.is-open {
    border-color: #04A3ED;
    box-shadow: 0 2px 8px rgba(4, 163, 237, 0.12);
}

.article-faq .faq-item > h3 {
    position: relative;
    margin: 0;
    padding: 16px 48px 16px 18px;
    font-size: 1.05em;
    line-height: 1.4;
    color: #293037;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.article-faq .faq-item > h3:hover,
.article-faq .faq-item.is-open > h3 {
    color: #04A3ED;
    background-color: #f5fbfe;
}

.article-faq .faq-item > h3::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #04A3ED;
    border-bottom: 2px solid #04A3ED;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.25s ease;
}

.article-faq .faq-item.is-open > h3::after {
    transform: translateY(-20%) rotate(-135deg);
}

.article-faq .faq-answer {
    display: none;
    padding: 14px 18px 18px;
    color: #555;
    line-height: 1.65;
    border-top: 1px solid #eef1f4;
}

.article-faq .faq-item.is-open .faq-answer {
    display: block;
}

.article-faq .faq-answer p:first-child {
    margin-top: 0;
}

.article-faq .faq-answer p:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------------------------------------
   Site cabinet d’avocats — maquettes décoratives
   ------------------------------------------------------------------------- */
.avocats-mock {
	margin: 0;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	border: 1px solid var(--kyn-color-border-soft);
	box-shadow: 0 1rem 2.5rem rgba(18, 30, 68, 0.08);
}

.avocats-mock--design {
	background: var(--kyn-color-primary);
	color: var(--kyn-color-on-primary);
	border-color: transparent;
}

.avocats-mock__chrome {
	display: flex;
	gap: 0.4rem;
	margin-bottom: var(--kyn-space-4);
}

.avocats-mock__chrome span {
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.28);
}

.avocats-mock__kicker {
	margin: 0 0 var(--kyn-space-1);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kyn-color-secondary);
}

.avocats-mock__headline {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
}

.avocats-mock__swatches {
	display: flex;
	gap: 0.65rem;
	margin: 0 0 var(--kyn-space-3);
	padding: 0;
	list-style: none;
}

.avocats-mock__swatch {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.avocats-mock__swatch--navy {
	background: #1c2b55;
}

.avocats-mock__swatch--green {
	background: var(--kyn-color-secondary);
}

.avocats-mock__swatch--cream {
	background: #f4efe6;
}

.avocats-mock__swatch--ink {
	background: #0b1024;
}

.avocats-mock__caption {
	margin: 0;
	font-size: 0.9375rem;
	color: rgba(255, 255, 255, 0.7);
}

.site-main--site-avocats .page-split__media {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-split__image--phone {
	width: auto;
	max-width: min(100%, 20rem);
	margin-inline: auto;
}

/* -------------------------------------------------------------------------
   Vos avis — incitation avis Google
   ------------------------------------------------------------------------- */

.avis-stars {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem;
	margin: 0 0 var(--kyn-space-4);
	color: #fbbc04;
}

.avis-stars .material-symbols-outlined {
	font-size: 2rem;
	line-height: 1;
	color: #fbbc04;
}

.avis-google {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kyn-space-5);
	align-items: center;
}

.avis-google__title {
	margin: 0 0 var(--kyn-space-3);
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--kyn-color-primary);
}

.avis-google__lead {
	margin: 0 0 var(--kyn-space-3);
	max-width: 38rem;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(18, 30, 68, 0.85);
}

.avis-google__actions .kyn-btn {
	width: 100%;
}

.avis-google__qr {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--kyn-space-2);
	margin: 0;
	padding: var(--kyn-space-4);
	border-radius: var(--kyn-radius-xl);
	background: var(--kyn-color-white);
	text-align: center;
}

.avis-google__qr img {
	display: block;
	width: 11.25rem;
	height: 11.25rem;
	padding: 0.75rem;
	background: #fff;
}

.avis-google__qr-caption {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.avis-paths .page-feature-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.avis-paths .page-feature-card > div {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.avis-paths__action {
	margin: var(--kyn-space-3) 0 0;
}

.avis-paths .page-feature-card--primary > .material-symbols-outlined {
	color: var(--kyn-color-secondary);
}

.site-main--vos-avis .home-section-header {
	margin-bottom: var(--kyn-space-5);
}

.site-main--vos-avis .kyn-btn--primary .material-symbols-outlined {
	color: #fbbc04;
}

@media (min-width: 720px) {
	.avis-google {
		grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.75fr);
		gap: var(--kyn-space-5);
	}

	.avis-google__actions .kyn-btn {
		width: auto;
	}
}

/* -------------------------------------------------------------------------
   Mentions légales (contenu Gutenberg)
   ------------------------------------------------------------------------- */
.site-main--legal {
	background: var(--kyn-color-white);
}

.legal-page__content {
	max-width: 46rem;
}

.legal-page__content h2,
.legal-page__content .wp-block-heading {
	margin-top: var(--kyn-space-5);
	margin-bottom: var(--kyn-space-3);
	padding-bottom: var(--kyn-space-2);
	border-bottom: 3px solid var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.legal-page__content h2:first-child,
.legal-page__content .wp-block-heading:first-child {
	margin-top: 0;
}

.legal-page__content p {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--kyn-color-text);
}

.legal-page__content p:empty {
	display: none;
}

.legal-page__content .decorated-link {
	color: var(--kyn-color-primary);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.legal-page__content [style*="color: initial"],
.legal-page__content [style*="font-size: revert"] {
	color: inherit;
	font-size: inherit;
}

.legal-page__content .entity-underline,
.legal-page__content .hover\:entity-accent {
	text-decoration: none;
	cursor: inherit;
}

/* -------------------------------------------------------------------------
   Choisir le design (.site-main--design-web)
   ------------------------------------------------------------------------- */
body.page-template-web_initial {
	background: #0b1020;
}

.site-main--design-web {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: clip;
	background: #0b1020;
	color: #fff;
}

.site-main--design-web[hidden],
.site-main--design-web .body-carousel[hidden],
.site-main--design-web .maquette_alone[hidden],
.site-main--design-web .item-bonus[hidden] {
	display: none !important;
}

.site-main--design-web .design-web__title {
	margin: 0 auto;
	padding: 2rem 1.25rem 0.25rem;
	max-width: 42rem;
	color: #fff;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.site-main--design-web .design-web__empty {
	margin: 3rem 1.25rem;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.site-main--design-web .body-carousel {
	padding: 0 0 3rem;
}

.site-main--design-web .carousel {
	position: relative;
	display: block;
	height: calc(115vw + 11rem);
	overflow: hidden;
}

.site-main--design-web .carousel-container {
	position: relative;
	display: flex;
	justify-content: center;
	top: 1.25rem;
	margin: auto;
	overflow-x: clip;
}

.site-main--design-web .carousel-main.slide-effect {
	display: flex;
	width: 78vw;
	height: 115vw;
	margin: 1em auto 0;
	gap: 6.25rem;
	border-radius: 2rem;
}

.site-main--design-web .carousel-main.slide-effect .carousel-item {
	position: relative;
	flex: 0 0 auto;
	min-width: 78vw;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	opacity: 0.5;
	cursor: pointer;
	transform: translateX(0);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

.site-main--design-web .carousel-item img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: top;
	border-radius: 1.25rem;
}

.site-main--design-web .carousel .carousel-item.active {
	opacity: 1;
	border-radius: 2rem;
	box-shadow: 0 0 1.875rem 0 rgba(255, 255, 255, 0.62);
	cursor: pointer;
}

.site-main--design-web .themes_title {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -1.25rem;
	left: 50%;
	transform: translateX(-50%);
	width: min(12.5rem, 80%);
	min-height: 2.5rem;
	padding: 0.4rem 1rem;
	background: var(--kyn-color-secondary);
	border-radius: 999px;
	pointer-events: none;
}

.site-main--design-web .themes_title h3 {
	margin: 0;
	color: #fff;
	font-family: var(--kyn-font-heading);
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.site-main--design-web .carousel-button {
	position: absolute;
	bottom: 0.25rem;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	cursor: pointer;
}

.site-main--design-web .carousel-button#left {
	left: 4.5rem;
}

.site-main--design-web .carousel-button#right {
	right: 4.5rem;
}

.site-main--design-web .carousel-button .material-symbols-outlined {
	font-size: 3.75rem;
	font-variation-settings: "opsz" 48;
}

.site-main--design-web .carousel-button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.site-main--design-web .carousel-button:focus-visible {
	outline: 2px solid var(--kyn-color-secondary);
	outline-offset: 4px;
}

.site-main--design-web .btn-offre {
	display: flex;
	justify-content: center;
	margin: 1.5rem auto 2rem;
}

.site-main--design-web .btn-offre-link {
	min-width: 12rem;
	border-radius: 999px;
	color: var(--kyn-color-primary);
	text-transform: none;
	letter-spacing: 0;
}

.site-main--design-web .maquette_alone {
	padding: 2rem 0.75rem 6rem;
}

.site-main--design-web .item-bonus {
	display: flex;
	flex-direction: column-reverse;
	width: calc(100% - 1.25rem);
	margin: 0 auto 2rem;
	padding-bottom: 3rem;
	border: 2px solid #fff;
	border-radius: 1.25rem;
}

.site-main--design-web .item_unite {
	width: 95%;
	margin: auto;
	padding: 0;
}

.site-main--design-web .item_unite img {
	display: none;
	width: 90%;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 1.25rem;
}

.site-main--design-web .item_unite img.item_active {
	display: block;
}

.site-main--design-web .item_unite img[data-view="tablette"].item_active {
	width: 75%;
}

.site-main--design-web .item_unite img[data-view="mobile"].item_active {
	width: 50%;
}

.site-main--design-web .text-fixed {
	position: relative;
	width: calc(100% - 2.5rem);
	margin: auto;
	padding: 3.5rem 0 0;
}

.site-main--design-web .text_unite {
	position: relative;
}

.site-main--design-web .design-web__close {
	position: absolute;
	top: 0.75rem;
	right: 0;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.site-main--design-web .design-web__close .material-symbols-outlined {
	font-size: 1.75rem;
}

.site-main--design-web .maquette_content h2 {
	margin: 0 0 1.25rem;
	color: #fff;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.25rem);
	font-weight: 700;
}

.site-main--design-web .maquette_content,
.site-main--design-web .maquette_content p,
.site-main--design-web .maquette_content__text {
	color: #fff;
}

.site-main--design-web .maquette_content__text p {
	margin: 0 0 1rem;
	line-height: 1.7;
}

.site-main--design-web .maquette_responsive {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	padding: 0 2.5rem 1.75rem 0;
}

.site-main--design-web .maquette_responsive__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.75rem;
	height: 3.75rem;
	padding: 0;
	border: 0;
	border-radius: 1rem;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: transform 0.3s ease, background 0.3s ease;
}

.site-main--design-web .maquette_responsive__btn:hover {
	transform: scale(1.08);
}

.site-main--design-web .maquette_responsive__btn.responsive_active {
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	transform: none;
}

.site-main--design-web .maquette_responsive__btn .material-symbols-outlined {
	font-size: 2rem;
}

.site-main--design-web .devis_text {
	padding: 2rem 0 1.5rem;
	text-align: center;
}

.site-main--design-web .devis_formulaire .wpcf7 {
	display: none;
}

.site-main--design-web .devis_formulaire .wpcf7.visible {
	display: block;
}

.site-main--design-web .design-web__form-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(18rem, 100%);
	height: 2.5rem;
	margin: 1.25rem auto 0;
	padding: 0 1.5rem;
	border: 0;
	border-radius: 999px;
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-family: var(--kyn-font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
}

.site-main--design-web .devis_formulaire label {
	display: block;
	margin: 0 0 0.35rem;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 600;
}

.site-main--design-web .devis_formulaire .form-contact1,
.site-main--design-web .devis_formulaire .form-gauche-droite,
.site-main--design-web .devis_formulaire .form-gauche,
.site-main--design-web .devis_formulaire .form-droite,
.site-main--design-web .devis_formulaire .type-form {
	width: 100%;
}

.site-main--design-web .devis_formulaire .form-gauche-droite {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 1.5rem;
}

.site-main--design-web .devis_formulaire input[type="text"],
.site-main--design-web .devis_formulaire input[type="email"],
.site-main--design-web .devis_formulaire input[type="tel"],
.site-main--design-web .devis_formulaire textarea {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1rem;
	padding: 0.55rem 0;
	font-family: var(--kyn-font-sans);
	font-size: 0.95rem;
	color: #fff;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 0;
	box-sizing: border-box;
}

.site-main--design-web .devis_formulaire textarea {
	min-height: 8rem;
	padding: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 0.25rem;
	resize: vertical;
}

.site-main--design-web .devis_formulaire input::placeholder,
.site-main--design-web .devis_formulaire textarea::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

.site-main--design-web .devis_formulaire input:focus,
.site-main--design-web .devis_formulaire textarea:focus {
	outline: none;
	border-color: var(--kyn-color-secondary);
}

.site-main--design-web .devis_formulaire .wpcf7-submit,
.site-main--design-web .devis_formulaire input[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(16rem, 100%);
	min-height: 2.85rem;
	margin: 1.5rem auto 0;
	padding: 0.85rem 2rem;
	border: 0;
	border-radius: 999px;
	background: var(--kyn-color-secondary);
	color: var(--kyn-color-primary);
	font-family: var(--kyn-font-sans);
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}

.site-main--design-web .devis_formulaire .wpcf7-submit:hover,
.site-main--design-web .devis_formulaire input[type="submit"]:hover {
	background: var(--kyn-color-secondary-hover);
}

.site-main--design-web .devis_formulaire .wpcf7-not-valid-tip {
	color: #ffb4ab;
	font-size: 0.8rem;
}

.site-main--design-web .devis_formulaire .wpcf7-response-output {
	margin: 1rem 0 0;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.35);
}

.site-main--design-web .maquette_alone .btn-offre {
	margin: 0 auto;
}

@media (min-width: 501px) {
	.site-main--design-web .themes_title {
		width: 15rem;
		min-height: 3.125rem;
		bottom: -1.55rem;
	}

	.site-main--design-web .themes_title h3 {
		font-size: 1.125rem;
	}
}

@media (min-width: 651px) {
	.site-main--design-web .body-carousel {
		min-height: 51rem;
	}

	.site-main--design-web .carousel {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50rem;
	}

	.site-main--design-web .carousel-container {
		top: 0;
	}

	.site-main--design-web .carousel-main.slide-effect {
		width: 25rem;
		height: 37.5rem;
		gap: 3.75rem;
	}

	.site-main--design-web .carousel-main.slide-effect .carousel-item {
		min-width: 25rem;
	}

	.site-main--design-web .carousel-button {
		position: relative;
		bottom: auto;
	}

	.site-main--design-web .carousel-button#left,
	.site-main--design-web .carousel-button#right {
		left: auto;
		right: auto;
	}

	.site-main--design-web .carousel-button .material-symbols-outlined {
		font-size: 3.15rem;
	}

	.site-main--design-web .maquette_responsive {
		gap: 1.875rem;
	}
}

@media (min-width: 801px) {
	.site-main--design-web .item-bonus {
		flex-direction: row;
		align-items: flex-start;
		width: min(75%, 72rem);
		padding: 0;
	}

	.site-main--design-web .item_unite {
		flex: 1 1 55%;
		min-width: 0;
		width: 100%;
		height: auto;
		padding: 3rem 1.5rem 3rem 3rem;
	}

	.site-main--design-web .item_unite img.item_active {
		width: 100%;
		height: auto;
	}

	.site-main--design-web .text-fixed {
		flex: 1 1 45%;
		width: 50%;
		margin: 0;
		padding: 3rem 3rem 3rem 1.5rem;
	}

	.site-main--design-web .text_unite {
		position: sticky;
		top: calc(var(--kyn-header-height) + 1rem);
	}

	.site-main--design-web .design-web__close {
		top: -0.25rem;
		right: -0.25rem;
	}

	.site-main--design-web .maquette_responsive {
		justify-content: flex-start;
		padding: 0 0 1.75rem;
	}

	.site-main--design-web .devis_formulaire .wpcf7 {
		display: block;
	}

	.site-main--design-web .design-web__form-toggle {
		display: none;
	}

	.site-main--design-web .devis_formulaire .form-gauche-droite,
	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 1.5rem;
	}

	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) > p:has(textarea),
	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) > p:has(.wpcf7-submit),
	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) > p:has(input[type="submit"]),
	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) > p:has(.wpcf7-acceptance),
	.site-main--design-web .devis_formulaire .wpcf7-form:not(:has(.form-gauche-droite)) > .wpcf7-response-output,
	.site-main--design-web .devis_formulaire .btn-msg-contact {
		grid-column: 1 / -1;
	}

	.site-main--design-web .maquette_alone {
		padding: 2.5rem 0 8rem;
	}
}

@media (min-width: 1500px) {
	.site-main--design-web .carousel-main.slide-effect {
		width: 25vw;
		height: 38vw;
	}

	.site-main--design-web .carousel-main.slide-effect .carousel-item {
		min-width: 25vw;
	}

	.site-main--design-web .carousel {
		height: 51.5vw;
	}

	.site-main--design-web .body-carousel {
		min-height: 51.5vw;
	}

	.site-main--design-web .item-bonus {
		width: min(75%, 80rem);
	}
}

/* Pages locales (agence + zone) */
.page-places {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 var(--kyn-space-5);
	padding: 0;
	list-style: none;
}

.page-places__item {
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	background: var(--kyn-color-surface);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--kyn-color-primary);
}

.page-section--white .page-places__item {
	background: var(--kyn-color-surface-high);
}

.agence-locale-group + .agence-locale-group {
	margin-top: var(--kyn-space-5);
}

.agence-locale-group__title {
	margin: 0 0 0.35rem;
	font-family: var(--kyn-font-heading);
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	font-weight: 700;
	color: var(--kyn-color-primary);
}

.agence-locale-group__lead {
	margin: 0 0 var(--kyn-space-4);
	max-width: 42rem;
	color: var(--kyn-color-muted);
}

@media (max-width: 639px) {
	.site-main--agence-locale .page-prose__actions,
	.site-main--agence-locale .page-split__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.site-main--agence-locale .page-prose__actions .kyn-btn,
	.site-main--agence-locale .page-split__actions .kyn-btn {
		width: 100%;
	}
}