/* Pages complémentaires : même palette, contenu historique conservé. */
.j-secondary { --white: var(--j-text); --slate-blue: var(--j-muted); }
.j-secondary .secondary-hero { position: relative; isolation: isolate; overflow: clip; }
.j-secondary .secondary-hero-inner { padding-block: 2rem; }
.j-secondary .secondary-hero h1 { font: italic 800 clamp(3rem, 11vw, 7rem)/.98 var(--j-display-font); text-transform: uppercase; letter-spacing: -.025em; max-width: 13ch; }
.j-secondary .secondary-hero h1 em, .j-secondary .secondary-hero h1 span { color: var(--j-text-accent); font-style: inherit; }
.j-secondary .secondary-hero h1 span { display: block; }
.j-secondary .secondary-hero p { max-width: 38rem; margin-block: 1.25rem; font-size: 1.1rem; }
.j-secondary .manifesto-landscape { position: absolute; inset: 0; z-index: -2; }
.j-secondary .manifesto-landscape img { width: 100%; height: 100%; object-fit: cover; object-position: 57% center; }
.j-secondary .manifesto-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(20,27,37,.9),rgba(20,27,37,.4)),linear-gradient(0deg,var(--j-surface),transparent 65%); }
.j-secondary .manifesto-hero .secondary-hero-inner { padding-block: 3rem; }
.j-secondary .secondary-reading { counter-reset: section; }
.j-secondary .secondary-section { position: relative; padding-block: 2rem; border-top: 1px solid var(--j-line); }
.j-secondary .secondary-section::before { content: attr(data-number); display: block; font: italic 800 1.15rem/1 var(--j-display-font); color: var(--j-text-accent); margin-bottom: .75rem; }
.j-secondary .secondary-section h2 { font: italic 800 clamp(2.1rem, 6vw, 3.7rem)/1.05 var(--j-display-font); text-transform: uppercase; max-width: 23ch; margin-bottom: 1.25rem; }
.j-secondary .secondary-section h3, .j-secondary .secondary-section h4 { color: var(--j-text-accent); font-size: 1.05rem; line-height: 1.4; margin-bottom: .65rem; }
.j-secondary .secondary-section p { color: var(--j-muted); line-height: 1.7; }
.j-secondary .secondary-section strong { color: var(--j-text); }
.j-secondary .secondary-section > p { max-width: 43rem; margin-bottom: 1.5rem; }
.j-secondary :is(.vision-grid,.pillars-grid,.team-grid,.constat-grid,.ecosystem-grid) { display: grid; gap: 1.25rem; margin-top: 1.5rem; }
.j-secondary :is(.vision-grid,.pillars-grid,.team-grid,.constat-grid,.ecosystem-grid) > * { min-width: 0; }
.j-secondary :is(.pillar-card,.team-card,.constat-card,.eco-card,.paradise-box) { padding: 1.25rem; border: 1px solid var(--j-line); background: var(--j-surface-raised); border-radius: var(--j-radius); }
.j-secondary .origin-grid > div { padding: 0; }
.j-secondary .origin-grid p { font-family: var(--j-reading-font); font-size: 1.08rem; }
.j-secondary :is(.pillar-icon,.eco-icon) { display: block; font-size: 1.5rem; margin-bottom: .8rem; }
.j-secondary .team-role { color: var(--j-text-accent); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.j-secondary .team-name { font: italic 800 1.8rem/1.2 var(--j-display-font); margin-block: .4rem .75rem; }
.j-secondary .roadmap-list { list-style: none; padding: 0; margin: 0; }
.j-secondary .roadmap-item { padding: 1rem 0 1rem 1.25rem; border-inline-start: 1px solid var(--j-line); }
.j-secondary .roadmap-item strong { display: block; margin-bottom: .5rem; }
.j-secondary :is(.btn,.btn-whatsapp,.btn-submit,.btn-home) { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 44px; max-width: 100%; padding: .8rem 1.15rem; border: 1px solid var(--j-action); border-radius: var(--j-radius); font: 700 1rem/1.4 var(--j-body-font); text-align: center; white-space: normal; background: var(--j-action); color: var(--j-action-text); text-decoration: none; cursor: pointer; }
.j-secondary :is(.btn,.btn-whatsapp,.btn-submit):hover { background: #fff; }
.j-secondary .btn-whatsapp svg { width: 22px; height: 22px; fill: currentColor; flex-shrink: 0; }
.j-secondary .secondary-links { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; padding-block: 1.5rem; border-top: 1px solid var(--j-line); }
.j-secondary .secondary-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; }
.j-secondary .secondary-languages { padding-block: .75rem 0; }
.j-secondary .lang-switcher { display: inline-flex; gap: .25rem; }
.j-secondary .lang-btn { min-width: 44px; min-height: 44px; padding: .5rem .8rem; border: 1px solid transparent; background: transparent; color: var(--j-muted); font: 700 .9rem/1.4 var(--j-body-font); cursor: pointer; }
.j-secondary .lang-btn.active { background: var(--j-surface-raised); color: var(--j-text); border-color: var(--j-line); }
.j-secondary .pitch-hero .secondary-hero-inner { display: grid; gap: 1rem; padding-top: 1rem; }
.j-secondary .pitch-hero h1 { font-size: clamp(2.8rem, 10vw, 5.6rem); max-width: 15ch; }
.j-secondary .pitch-hero p { margin: 0; }
.j-secondary .pitch-hero .btn { justify-self: start; }
.j-secondary .badge-pitch,.j-secondary .section-label { color: var(--j-text-accent); font-size: .75rem; line-height: 1.5; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.j-secondary .section-label { margin-bottom: .75rem; }
.j-secondary .pitch-team { margin-top: .5rem; }
.j-secondary .pitch-team img { width: 100%; aspect-ratio: 1.55; object-fit: cover; object-position: center 38%; }
.j-secondary .advantage-item,.j-secondary .step-item { display: grid; grid-template-columns: 2rem minmax(0,1fr); gap: .75rem; padding-block: 1.25rem; border-bottom: 1px solid var(--j-line); }
.j-secondary .advantage-icon { font-size: 1.5rem; }
.j-secondary .step-number { font: italic 800 2.8rem/1 var(--j-display-font); color: var(--j-text-accent); }
.j-secondary .stats-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.j-secondary .stat-number { font: italic 800 clamp(2.2rem,8vw,4.4rem)/1 var(--j-display-font); color: var(--j-text-accent); }
.j-secondary .stat-label { font-size: .85rem; line-height: 1.4; margin-top: .5rem; }
.j-secondary .cta-box > * + * { margin-top: 1.25rem; }
.j-secondary .cta-box p { max-width: 42rem; }
.j-secondary .cta-note { font-size: .8rem; }
html[lang=ar] .j-pitch-pros :is(h1,h2,h3,h4,.stat-number,.step-number) { font-family: Tahoma, Arial, sans-serif; font-style: normal; letter-spacing: normal; }
html[lang=ar] .j-pitch-pros .secondary-hero h1 { font-size: clamp(2.25rem,8vw,4.7rem); max-width: 17ch; line-height: 1.35; }
html[lang=ar] .j-pitch-pros .secondary-section h2 { font-size: clamp(1.8rem,5vw,3rem); line-height: 1.5; }
html[dir=rtl] .j-secondary .j-logo { direction: ltr; }
html[dir=rtl] .j-secondary .j-mobile-menu nav { right: auto; left: 0; }
.j-secondary .secondary-feedback { max-width: 46rem; padding-block: 1.5rem 3rem; }
.j-secondary .feedback-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.j-secondary .feedback-wolf { width: 6rem; height: 6rem; object-fit: contain; }
.j-secondary .feedback-card h1 { font: italic 800 clamp(2.25rem,8vw,3.6rem)/1.05 var(--j-display-font); text-transform: uppercase; margin-bottom: 1rem; }
.j-secondary .feedback-card p { color: var(--j-muted); }
.j-secondary .rating-btn-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin-block: 1.5rem; }
.j-secondary .rating-btn { min-height: 58px; padding: .7rem; border: 1px solid var(--j-line); border-radius: var(--j-radius); background: transparent; color: var(--j-text); font: 700 .95rem/1.4 var(--j-body-font); cursor: pointer; }
.j-secondary .rating-btn.active { background: var(--j-action); border-color: var(--j-action); color: var(--j-action-text); }
.j-secondary .feedback-card label { display: block; color: var(--j-text-accent); font-weight: 800; }
.j-secondary .feedback-help { font-size: .85rem; margin-top: .3rem; }
.j-secondary .feedback-textarea { display: block; width: 100%; min-height: 8rem; margin-block: .75rem 1rem; padding: .8rem; background: var(--j-surface-raised); border: 1px solid var(--j-line); border-radius: var(--j-radius); color: var(--j-text); font: 1rem/1.5 var(--j-body-font); resize: vertical; }
.j-secondary .feedback-textarea:focus-visible { outline: 2px solid var(--j-text); outline-offset: 3px; }
.j-secondary .feedback-textarea::placeholder { color: var(--j-muted); }
.j-secondary .feedback-card .btn-submit,.j-secondary .feedback-card .btn-home { width: 100%; }
.j-secondary .btn-submit:disabled { cursor: wait; opacity: .65; }
.j-secondary .btn-home { background: transparent; color: var(--j-text); border-color: var(--j-line); margin-top: .75rem; }
.j-secondary .feedback-error { color: #ffb7ad; margin-top: 1rem; }
.j-secondary #feedback-success-container { padding-block: 1.5rem !important; }
.j-secondary #feedback-success-container > * + * { margin-top: 1rem; }
.j-secondary #feedback-success-container h2 { font: italic 800 2.7rem/1.05 var(--j-display-font); color: var(--j-text-accent); }
.j-secondary .secondary-results { max-width: 65rem; padding-block: 1.5rem 3rem; }
.j-secondary .result-hero { display: grid; gap: .75rem; }
.j-secondary .archetype-tag { color: var(--j-text-accent); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.j-secondary .result-hero .hero-img { width: 9rem; height: 9rem; object-fit: contain; justify-self: center; }
.j-secondary .result-hero h1 { font: italic 800 clamp(2.4rem,8vw,4rem)/1.05 var(--j-display-font); text-transform: uppercase; color: var(--j-text-accent); }
.j-secondary .perf-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--j-line); border: 1px solid var(--j-line); margin-block: 1.5rem; }
.j-secondary .perf-item { padding: .8rem; background: var(--j-surface); min-width: 0; }
.j-secondary .perf-item span { display: block; font-size: .7rem; color: var(--j-muted); text-transform: uppercase; margin-bottom: .3rem; }
.j-secondary .perf-item strong { display: block; }
.j-secondary :is(.result-analysis,.result-protocol) { padding-block: 1.5rem; border-top: 1px solid var(--j-line); }
.j-secondary :is(.result-analysis,.result-protocol) h2 { font: italic 800 clamp(2rem,5vw,2.7rem)/1.1 var(--j-display-font); margin-bottom: 1rem; }
.j-secondary .signal-alert { background: var(--j-surface-raised); border-inline-start: 2px solid var(--j-line); padding: 1rem; margin-bottom: .75rem; }
.j-secondary .product-name { color: var(--j-text-accent); font-weight: 800; font-size: 1.2rem; }
.j-secondary .product-box > * + * { margin-top: 1rem; }
.j-secondary #duration-box { padding: 1rem; background: var(--j-surface-raised); margin-bottom: 1rem; }
.j-secondary .result-protocol > p { font-size: .8rem; margin-top: 1rem; color: var(--j-muted); }
.j-secondary #loader { min-height: 45vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; text-align: center; }
.j-secondary .spinner { width: 2rem; height: 2rem; border: 2px solid var(--j-line); border-top-color: var(--j-text); border-radius: 50%; animation: secondary-spin 1s linear infinite; }
.j-secondary .results-message { padding-block: 3rem; }
.j-secondary .results-message h1 { font: italic 800 clamp(2.4rem,8vw,4rem)/1.1 var(--j-display-font); margin-bottom: 1.5rem; }
.j-secondary .results-message a { margin: .25rem; }
@keyframes secondary-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .j-secondary .spinner { animation: none; } }
/* Comme dans le profil, retirer seulement le fond vide des deux gravures horizontales. */
@media (max-width: 47.99rem) {
 .j-secondary .result-hero .hero-img[src*="/bitume."] { height: 6rem; object-fit: cover; }
 .j-secondary .result-hero .hero-img[src*="/atlas."] { height: 6.5rem; object-fit: cover; }
}
@media (min-width: 48rem) {
 .j-secondary :is(.vision-grid,.constat-grid,.team-grid,.ecosystem-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .j-secondary .pillars-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .j-secondary .secondary-section { padding-block: 3rem; }
 .j-secondary .manifesto-hero .secondary-hero-inner { padding-block: 4rem; }
 .j-secondary .secondary-feedback { padding-block: 2rem 4rem; }
 .j-secondary .result-hero { display: block; }
 .j-secondary .result-hero .hero-img { float: right; width: 13rem; height: 13rem; margin: 0 0 1rem 2rem; }
 .j-secondary .result-hero h1 { margin-block: .5rem 1rem; }
 .j-secondary .perf-grid { clear: both; grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (min-width: 64rem) {
 .j-secondary .secondary-section { padding-inline-start: 5rem; }
 .j-secondary .secondary-section::before { position: absolute; inset-inline-start: 0; top: 3.25rem; font-size: 2rem; }
 .j-secondary .pitch-hero .secondary-hero-inner { grid-template-columns: 1fr 1fr; column-gap: 2rem; padding-block: 2rem 3rem; }
 .j-secondary .pitch-hero h1 { font-size: clamp(3.5rem,5.5vw,5.6rem); }
 .j-secondary .pitch-hero .secondary-hero-inner > :not(.pitch-team) { grid-column: 1; }
 .j-secondary .pitch-team { grid-column: 2; grid-row: 1 / span 4; margin: 0; align-self: stretch; }
 .j-secondary .pitch-team img { height: 100%; aspect-ratio: auto; object-position: 100% center; }
}