/* Structure commune — palette existante conservée pour la prochaine étape visuelle. */
.system-header{position:sticky;top:0;z-index:150;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,5vw,72px) 0;background:var(--ink);border-bottom:1px solid var(--line)}
.system-brand{display:flex;flex-direction:column;gap:3px;line-height:1.4}.system-brand b{font-family:var(--body);letter-spacing:.18em;font-size:21px}.system-brand span{font-size:12px;color:var(--gold)}
.system-header .lang-pick{border:1px solid var(--line);padding:8px 12px;background:transparent;color:var(--paper);cursor:pointer}
.system-nav{display:flex;justify-content:space-between;gap:12px;flex-basis:100%;align-items:stretch}.system-nav a{font-size:14px;padding:14px 0;border-bottom:2px solid transparent;line-height:1.35}.system-nav a:hover,.system-nav a[aria-current]{color:var(--gold-hi);border-bottom-color:var(--gold)}
.system-hero{padding-top:64px;padding-bottom:36px}.system-hero h1{max-width:1000px;font-size:clamp(2.5rem,5.5vw,5rem)}.system-hero>p:last-child{max-width:800px;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--dim);margin:24px 0 0}
.system-section{padding-top:28px;padding-bottom:48px}.system-section>h2{font-size:clamp(1.6rem,3vw,2.6rem);margin-bottom:26px}.system-section>p{max-width:780px;color:var(--dim)}
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.system-card{padding:28px;border:1px solid var(--line);background:var(--ink-2);min-width:0}.system-card h3{font-size:1.6rem;line-height:1.15;margin:12px 0 18px}.system-card p{font-size:16px;color:var(--dim);line-height:1.6;margin:0}.system-num{color:var(--gold);font-size:12px;letter-spacing:.12em}.offer-card{display:flex;flex-direction:column;transition:background .2s,border-color .2s}.offer-card:hover{background:var(--ink-3);border-color:var(--gold)}.offer-card>span:last-child{color:var(--gold-hi);font-size:14px;margin-top:auto;padding-top:24px}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison{grid-template-columns:1fr 1fr}
.footer-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px;color:var(--dim)}.topic-links{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:24px}.topic-links a{border:1px solid var(--line);padding:12px 20px;color:var(--gold)}
[id^="sw-"]{scroll-margin-top:170px}.page-top{padding-top:64px}.system-section+.swx{margin-top:0}
@media(min-width:1500px){.system-header{flex-wrap:nowrap;padding-bottom:18px}.system-nav{flex-basis:auto;gap:24px;order:0}.system-header .lang-pick{order:2}.system-nav a{padding:8px 0}}
@media(max-width:800px){.system-grid,.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.system-nav a{font-size:12px;padding:9px 0}.system-header{padding-top:12px;gap:10px}.system-hero{padding-top:36px}.system-card{padding:22px}.system-brand b{font-size:18px}}
@media(max-width:520px){.system-grid,.offer-grid,.comparison{grid-template-columns:1fr}.system-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.system-nav a:last-child{grid-column:1/-1}.system-header{position:relative}.system-section{padding-top:16px;padding-bottom:32px}.system-hero{padding-bottom:24px}.system-hero h1{font-size:2.5rem}.system-card h3{font-size:1.5rem}.footer-nav{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}