/* Installation and help share the existing Luma palette and typography. */
.download-page main.container,.help-page main.container { max-width:1180px; padding-inline:28px; }
.download-heading { padding:140px 0 58px; max-width:740px; }
.download-heading h1 { font-size:clamp(38px,6vw,72px); line-height:1.06; letter-spacing:-.045em; margin:18px 0; }
.download-heading>p:last-child,.section-intro>p:last-child { max-width:650px; color:var(--muted); line-height:1.75; font-size:17px; }
.platform-status { display:inline-flex; font-size:12px; font-weight:650; padding:7px 12px; border:1px solid rgba(139,92,246,.35); border-radius:99px; color:#c4b5fd; background:rgba(139,92,246,.09); }
.platform-status.available { color:#91e4d3; border-color:rgba(145,228,211,.3); background:rgba(145,228,211,.07); }
.windows-release { display:grid; grid-template-columns:1.4fr 1fr; gap:44px; padding:38px; border:1px solid rgba(139,92,246,.3); border-radius:24px; background:linear-gradient(120deg,rgba(99,102,241,.12),rgba(10,14,26,.75)); }
.windows-release h2 { margin:18px 0 14px; font-size:clamp(27px,4vw,38px); letter-spacing:-.03em; }
.windows-release p { line-height:1.7; color:var(--muted); }
.windows-release .release-meta { margin:20px 0; color:var(--text); font-size:14px; }
.windows-release aside { border-inline-start:1px solid rgba(255,255,255,.1); padding-inline-start:32px; }
.windows-release h3 { font-size:21px; margin:14px 0; }
.windows-release ul { padding-inline-start:20px; color:var(--muted); line-height:1.75; margin-bottom:24px; }
.windows-release li+li { margin-top:10px; }
.download-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; }
.download-note { font-size:13px; margin-top:18px; }
.download-note a,.windows-release aside>a,.guide a:not(.btn),.faq .ans a { color:#b6b9ff; text-decoration:underline; text-underline-offset:3px; }
.platforms-section { padding:80px 0 0; }
.section-intro h2,.start-demo h2,.help-strip h2 { font-size:clamp(25px,4vw,38px); line-height:1.15; letter-spacing:-.025em; margin:14px 0; }
.platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:30px; }
.platform-card { display:flex; flex-direction:column; align-items:flex-start; padding:28px; border-radius:20px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.025); scroll-margin-top:100px; }
.platform-card h2 { margin:22px 0 12px; font-size:23px; }
.platform-card p { color:var(--muted); line-height:1.65; font-size:15px; }
.platform-card .platform-requirement { margin:16px 0 24px; font-size:13px; }
.platform-card>.text-link { margin-top:auto; padding:8px 0; }
.tv-compatibility { margin:16px 0 24px; width:100%; }
.tv-compatibility summary { color:#b6b9ff; cursor:pointer; padding-block:8px; }
.tv-compatibility p { margin-block:12px; }
.platform-card>.text-link,.start-demo>.text-link,.download-actions>.text-link { color:#b6b9ff; }
.start-demo { padding:45px; margin-block:70px; border-radius:24px; background:linear-gradient(120deg,rgba(99,102,241,.13),rgba(34,211,238,.035)); border:1px solid rgba(139,92,246,.22); scroll-margin-top:100px; }
.start-demo p:not(.eyebrow) { max-width:780px; color:var(--muted); font-size:16px; line-height:1.8; margin:14px 0; }
.start-demo .hero-actions { margin-top:26px; }
.help-strip { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:64px auto; padding:32px 0; border-block:1px solid rgba(255,255,255,.09); }
.help-strip p { color:var(--muted); line-height:1.7; }
.help-strip .btn { flex-shrink:0; }
.guide-links { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:48px; }
.guide-links a { border:1px solid rgba(255,255,255,.16); border-radius:99px; padding:12px 17px; text-decoration:none; }
.guide-links a:hover { border-color:var(--accent); }
.guide-list { max-width:820px; }
.guide { padding:40px 0; border-top:1px solid rgba(255,255,255,.12); scroll-margin-top:110px; }
.guide h2 { margin:15px 0 24px; font-size:clamp(25px,4vw,36px); letter-spacing:-.025em; }
.guide h3 { margin:24px 0 10px; }
.guide p,.guide li { line-height:1.85; color:var(--muted); }
.guide ol,.guide ul { padding-inline-start:24px; }
.guide li { padding-inline-start:6px; margin-bottom:12px; }
.guide p { margin-block:18px; }
.guide .btn { margin-top:12px; }
.faq-page .help-strip { max-width:900px; }
.cinematic-home .start-demo { margin-block:70px; }
.cinematic-home .feature-story,.cinematic-home .product-proof { padding-block:80px; }
@media(max-width:850px) {
  .cinematic-header .header-inner { display:grid; grid-template-columns:minmax(60px,1fr) auto; gap:6px; }
  .cinematic-header .brand { width:100%; min-width:60px; max-width:146px; }
  .cinematic-header .header-actions { gap:4px; }
  .cinematic-header .tabs { display:flex; order:3; grid-column:1 / -1; max-width:100%; overflow-x:auto; justify-content:center; gap:2px; }
  .cinematic-header .tabs a { flex-shrink:0; font-size:11.5px; padding:11px 8px; }
  .cinematic-header .tabs a.active { padding:10px 7px; }
  .cinematic-header .tabs a[href="/telecharger.html"] { background:linear-gradient(110deg,#6958ed,#149bb7); color:#fff; border:1px solid rgba(255,255,255,.2); padding:10px 9px; }
  .cinematic-header .header-premium { color:var(--muted); background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.12); box-shadow:none; }
  .cinematic-header .header-premium::before { display:none; }
  .cinematic-header .tabs a[href="/#experience"] { display:none; }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .windows-release { grid-template-columns:1fr; gap:28px; padding:28px; }
  .windows-release aside { border-inline-start:0; padding-inline-start:0; border-top:1px solid rgba(255,255,255,.1); padding-top:26px; }
}
@media(max-width:540px) {
  .cinematic-header .header-premium { font-size:12px; padding-inline:8px; }
  .cinematic-header .header-premium::before { margin-right:4px; }
  .cinematic-header .header-account { width:32px; }
  .cinematic-header .lang-btn { padding-inline:6px; gap:4px; font-size:11px; }
  .cinematic-header .lang-btn svg { width:14px; height:14px; }
  .download-page main.container,.help-page main.container { padding-inline:20px; }
  .download-heading { padding:150px 0 36px; }
  .platform-grid { grid-template-columns:1fr; }
  .windows-release { padding:24px 20px; }
  .download-actions { align-items:stretch; flex-direction:column; }
  .download-actions .btn { text-align:center; white-space:normal; }
  .start-demo { padding:28px 22px; margin-block:44px; }
  .help-strip { flex-direction:column; align-items:flex-start; }
  .platforms-section { padding-top:48px; }
  .guide { scroll-margin-top:130px; }
}
@media(prefers-reduced-motion:reduce) { .guide-links a { transition:none; } }

/* A reading layout: persistent guide index, article headings and quiet notes. */
body.help-page::before { opacity:.22; }
.help-page .download-heading { padding-bottom:44px; }
.help-page .download-heading h1 { font-size:clamp(36px,5vw,54px); margin-bottom:16px; }
.help-layout { display:grid; grid-template-columns:220px minmax(0,1fr); align-items:start; gap:64px; }
.help-sidebar { position:sticky; top:126px; padding-block:6px 24px; }
.help-sidebar>h2 { margin:0 0 18px; color:#a4abc0; font-size:13px; font-weight:600; }
.help-page .guide-links { display:flex; flex-direction:column; gap:4px; margin:0; }
.help-page .guide-links a { display:flex; align-items:center; gap:12px; min-height:46px; border:0; border-radius:9px; padding:11px 12px; color:#adb5c9; font-size:14px; line-height:1.4; text-decoration:none; transition:background .15s,color .15s; }
.help-page .guide-links a:hover,.help-page .guide-links a[aria-current="location"] { color:#fff; background:rgba(125,116,240,.12); }
.help-page .guide-links a[aria-current="location"] { box-shadow:inset 2px 0 #8d86ff; }
[dir="rtl"] .help-page .guide-links a[aria-current="location"] { box-shadow:inset -2px 0 #8d86ff; }
.help-page .guide-links a:focus-visible,.help-contact a:focus-visible { outline:2px solid #aca6ff; outline-offset:3px; }
.help-page .guide-links svg { width:19px; height:19px; flex-shrink:0; color:#9f98e9; }
.help-contact { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; padding:20px 12px 0; border-top:1px solid rgba(255,255,255,.1); }
.help-contact a { color:#adb5c9; font-size:13px; text-underline-offset:4px; }
.help-page .guide-list { min-width:0; max-width:none; }
.help-page .guide { padding:0 0 36px; margin-bottom:36px; border-top:0; border-bottom:1px solid rgba(255,255,255,.1); scroll-margin-top:126px; }
.help-page .guide:last-child { border-bottom:0; margin-bottom:0; }
.guide-heading { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.guide-heading>svg { width:26px; height:26px; flex-shrink:0; color:#a19af4; }
.help-page .guide h2 { margin:0; font-size:clamp(23px,2.2vw,28px); line-height:1.25; letter-spacing:-.02em; }
.guide-body { padding-inline-start:40px; }
.help-page .guide h3 { margin:28px 0 12px; font-size:18px; }
.help-page .guide p,.help-page .guide li { color:#aab2c5; font-size:15px; line-height:1.8; }
.help-page .guide ol,.help-page .guide ul { margin:0; padding-inline-start:20px; }
.help-page .guide li { padding-inline-start:6px; margin-bottom:14px; }
.help-page .guide li::marker { color:#c3bdff; }
.help-page .guide p.guide-note { padding:16px 18px; margin:24px 0 0; border-inline-start:2px solid #655faa; border-radius:0 8px 8px 0; background:rgba(117,111,181,.07); font-size:13px; line-height:1.8; }
[dir="rtl"] .help-page .guide p.guide-note { border-radius:8px 0 0 8px; }
@media(max-width:900px) {
  .help-layout { grid-template-columns:190px minmax(0,1fr); gap:28px; }
  .guide-body { padding-inline-start:0; }
}
@media(max-width:700px) {
  .help-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .help-sidebar { position:static; padding:0 0 28px; border-bottom:1px solid rgba(255,255,255,.1); }
  .help-page .download-heading { padding-bottom:30px; }
  .help-sidebar>h2 { margin-bottom:14px; }
  .help-page .guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .help-page .guide-links a { min-height:56px; padding:11px 10px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.018); font-size:13px; }
  .help-contact { border:0; padding:0; margin-top:20px; }
  .help-page .guide { scroll-margin-top:144px; padding-bottom:28px; margin-bottom:30px; }
  .guide-heading { gap:12px; margin-bottom:20px; }
  .guide-heading>svg { width:23px; height:23px; }
  .help-page .guide p.guide-note { padding:14px; }
}
@media(prefers-reduced-motion:reduce) { .help-page .guide-links a { transition:none; } }
