/* Accueil : surfaces et interactions communes au portail, illustration conservée. */
.home .acs-hero {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 36px;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 42px 38px;
    background: #f6f8fb;
    border: 1px solid #e1e6ed;
    border-top: 1px solid #e1e6ed;
    border-radius: 16px;
}
.home .acs-hero h1 { font-size: clamp(38px, 4.1vw, 59px); line-height: 1.12; letter-spacing: -.05em; margin-bottom: 25px; }
.home .acs-hero h1 em { display: inline-block; padding-bottom: 7px; border-bottom: 0; }
.home .acs-hero-copy > p:not(.acs-eyebrow) { font-size: 17px; line-height: 1.8; }
.home .acs-hero .acs-actions { align-items: stretch; gap: 12px; flex-wrap: wrap; }
.home .acs-hero .acs-actions > a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 18px; border-radius: 9px; }
.home .acs-hero .acs-actions > .acs-text-link { background: #fff; border: 1px solid #d7dfe8; color: #202f42; }
.home .acs-hero .acs-actions > .acs-text-link:hover { border-color: #ef9414; background: #fffcf5; }
.home .acs-hero .acs-actions > a:focus-visible { outline: 2px solid #ef9414; outline-offset: 3px; }
.home .acs-hero-copy, .home .acs-community-panel > div { min-width: 0; }
.home .acs-hero-visual {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    aspect-ratio: auto;
    height: auto;
    margin: 0;
    padding: 18px;
    background: #fff;
    border: 1px solid #dfe5ed;
    border-top: 1px solid #e1e6ed;
    border-radius: 14px;
    overflow: hidden;
}
.home .acs-hero-visual > img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    box-sizing: border-box;
    aspect-ratio: 5 / 4;
    padding: clamp(10px, 1.2vw, 18px);
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
    mix-blend-mode: multiply;
}
.home .acs-hero-sticker {
    position: static;
    margin-top: 16px;
    padding: 17px 18px;
    width: 100%;
    border: 1px solid #e1e6ed;
    border-left: 1px solid #e1e6ed;
    border-radius: 10px;
    box-shadow: none;
}
.home .acs-hero-sticker > .acs-icon { flex: 0 0 30px; width: 30px; color: #202f42; }
.home .acs-hero-sticker small { font-size: 12px; line-height: 1.5; }
.home .acs-hero-note { max-width: 440px; line-height: 1.6; }
.home .acs-hero-note .acs-icon { flex-shrink: 0; }
.home .acs-trust-strip { background: transparent; border: 0; margin-top: 18px; }
.home .acs-trust-strip > .acs-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-block: 0; }
.home .acs-trust-strip span { justify-content: flex-start; padding: 20px; background: #fff; border: 1px solid #e1e6ed; border-radius: 14px; color: #202f42; font-size: 12px; line-height: 1.5; }
.home .acs-trust-strip .acs-icon { color: #202f42; flex-shrink: 0; }
.home .acs-section-heading h2 { border-left: 3px solid #ef9414; padding-left: 18px; }
.home .acs-guides-band { background: #f6f8fb; border-block: 1px solid #e1e6ed; }
.home .acs-manifesto-strip { background: #f6f8fb; }
.home .acs-manifesto-strip .acs-eyebrow { color: #202f42; }
.home .acs-path-card .acs-step-number, .home .acs-label { background: #f1f4f7; }
.home .acs-community-panel { background: #202f42; border-top: 3px solid #ef9414; border-radius: 14px; }
.home .acs-conversation { padding: 22px; border-radius: 14px; }
.home .acs-conversation-heading { color: #202f42; padding-bottom: 18px; }
.home .acs-conversation > a {
    padding: 18px 14px;
    margin-bottom: 12px;
    border: 1px solid #dfe5ed;
    border-top: 3px solid #ef9414;
    border-radius: 14px;
    background: #fff;
    color: #202f42;
    transition: transform .2s, box-shadow .2s, background-color .2s, border-color .2s;
}
.home .acs-conversation > a > span:nth-child(2) { min-width: 0; }
.home .acs-conversation > a > .acs-icon { flex: 0 0 16px; }
.home .acs-conversation strong { font-size: 14px; line-height: 1.45; transition: color .18s; }
.home .acs-conversation small { font-size: 12px; line-height: 1.5; }
.home .acs-avatar-letter { flex-shrink: 0; background: #f1f4f7; color: #202f42; }
.home .acs-conversation > p { font-size: 12px; line-height: 1.6; }
.home .acs-conversation > a:focus-visible {
    outline: 2px solid #ef9414;
    outline-offset: 3px;
    border-color: #ef9414;
    background: #fffcf5;
    box-shadow: 0 12px 30px #202c3b0b;
}
.home .acs-conversation > a:focus-visible strong { color: #ef9414; }
@media (hover: hover) and (pointer: fine) {
    .home .acs-conversation > a:hover { border-color: #ef9414; background: #fffcf5; transform: translateY(-2px); box-shadow: 0 12px 30px #202c3b0b; }
    .home .acs-conversation > a:hover strong { color: #ef9414; }
}
@media (hover: none) {
    .home .acs-conversation > a:active { border-color: #ef9414; background: #fffcf5; }
    .home .acs-conversation > a:active strong { color: #ef9414; }
}
@media (max-width: 760px) {
    .home .acs-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 18px; padding: 28px 20px; }
    .home .acs-hero-visual { max-width: 540px; margin-inline: auto; padding: 14px; }
    .home .acs-trust-strip > .acs-container { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .home .acs-trust-strip span { padding: 14px 18px; }
    .home .acs-section-heading h2 { padding-left: 14px; }
    .home .acs-hero-copy > p:not(.acs-eyebrow) { font-size: 16px; }
    .home .acs-hero h1 { font-size: clamp(34px, 7.5vw, 44px); }
    .home .acs-community-panel { grid-template-columns: minmax(0, 1fr); padding: 28px 20px; gap: 26px; }
    .home .acs-conversation { padding: 18px; }
    .home .acs-conversation > a { padding: 15px 12px; }
}
@media (max-width: 400px) {
    .home .acs-hero-sticker { padding: 14px 12px; gap: 10px; }
    .home .acs-community-panel { padding-inline: 16px; }
    .home .acs-conversation { padding: 14px; }
    .home .acs-conversation > a { flex-wrap: wrap; }
    .home .acs-conversation > a > span:nth-child(2) { flex-basis: calc(100% - 42px); }
    .home .acs-conversation > a > .acs-icon { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .home .acs-conversation > a, .home .acs-conversation > a:hover { transition: none; transform: none; }
}


.home .acs-hero h1 em::after { content: ''; display: block; width: 64px; height: 3px; margin-top: 12px; background: #ef9414; border-radius: 2px; }
.home .acs-trust-strip .acs-icon, .home .acs-hero-sticker > .acs-icon { color: #d77708; }

/* The simulator is a first entry into the existing advice journey. */
.home .acs-simulator-feature{margin-top:26px;padding:30px;border:1px solid #dce3ec;border-top:3px solid #ef9414;border-radius:16px;background:#f6f8fb}
.home .acs-simulator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.home .acs-simulator-heading h2{margin:8px 0 12px;font-size:clamp(24px,2.7vw,34px);line-height:1.2;letter-spacing:-.035em;color:#202f42}
.home .acs-simulator-heading p:not(.acs-eyebrow){margin:0;max-width:650px;color:#596779;line-height:1.65}
.home .acs-simulator-badge{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:#202f42;color:#fff;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:600}
.home .acs-simulator-badge .acs-icon{width:18px;height:18px;color:#ffb84c}
.home .acs-simulator-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.home .acs-simulator-questions article{padding:22px;background:#fff;border:1px solid #e1e6ed;border-radius:12px}
.home .acs-simulator-symbol{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff4df;color:#9b5400;border-radius:10px}
.home .acs-simulator-symbol .acs-icon{width:23px;height:23px}
.home .acs-simulator-questions h3{margin:16px 0 9px;color:#202f42;font-size:18px;line-height:1.35}
.home .acs-simulator-questions p{margin:0;color:#596779;font-size:14px;line-height:1.7}
.home .acs-simulator-entry{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;border-top:1px solid #dce3ec;padding-top:22px}
.home .acs-simulator-entry>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.home .acs-simulator-entry span,.home .acs-simulator-entry>p{margin:0;color:#596779;font-size:12px;line-height:1.65}
.home .acs-simulator-entry a:focus-visible{outline:3px solid #b56400;outline-offset:4px}
html[data-acs-theme="dark"] .home .acs-simulator-feature{background:#182638;border-color:#36465c;border-top-color:#ef9414}
html[data-acs-theme="dark"] .home .acs-simulator-questions article{background:#202f42;border-color:#405169}
html[data-acs-theme="dark"] .home .acs-simulator-heading h2,html[data-acs-theme="dark"] .home .acs-simulator-questions h3{color:#f4f6fa}
html[data-acs-theme="dark"] .home .acs-simulator-heading p:not(.acs-eyebrow),html[data-acs-theme="dark"] .home .acs-simulator-questions p,html[data-acs-theme="dark"] .home .acs-simulator-entry span,html[data-acs-theme="dark"] .home .acs-simulator-entry>p{color:#c3cddd}
html[data-acs-theme="dark"] .home .acs-simulator-entry{border-color:#405169}
html[data-acs-theme="dark"] .home .acs-simulator-symbol{background:#3d3020;color:#ffd28c}
@media(max-width:760px){.home .acs-simulator-feature{padding:22px 18px}.home .acs-simulator-heading{flex-direction:column;gap:14px}.home .acs-simulator-questions{grid-template-columns:1fr;gap:12px;margin:20px 0}.home .acs-simulator-questions article{padding:18px}.home .acs-simulator-entry{grid-template-columns:1fr;gap:14px}.home .acs-simulator-entry .acs-button{max-width:100%}}
