/* Download page redesign 20260925_download_redesign_v1 + v2 full-bleed 20260926_download_fullbleed_v2 · graphite + champagne gold (docs/mcp-site-main-visual-style.md).
   Scoped to #xl-download-center; shared header/footer/login untouched. Edge 100 safe: no :has, color-mix or new viewport units. */
body.download-page-active { background:#101110 !important; }
body.download-page-active .xl-starfield { display:none !important; }

/* ---------- tokens & reset ---------- */
#xl-download-center { --bg:#111111; --panel:#1b1b1b; --card-a:#252524; --card-b:#1e1e1d; --inset:#161615; --text:#f0eee7; --muted:#999998; --body:#a8a7a6; --gold:#dbc18c; --gold-hi:#e6ce9a; --gold-lo:#c6a36a; --line:#363635; --border:#4a4947; --sel:#8b7b4d; --focus:#e1c488;
  color-scheme:dark; box-sizing:border-box; width:100%; max-width:1320px; margin:0 auto; padding:0 30px; position:relative; z-index:1;
  background:#111111; color:#f0eee7; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; font-size:15px; line-height:1.7; -webkit-font-smoothing:antialiased; }
#xl-download-center *, #xl-download-center *:before, #xl-download-center *:after { box-sizing:border-box; }
#xl-download-center h1, #xl-download-center h2, #xl-download-center h3, #xl-download-center h4, #xl-download-center p, #xl-download-center ol, #xl-download-center ul, #xl-download-center dl, #xl-download-center dd { margin:0; padding:0; font-family:inherit; }
#xl-download-center ol, #xl-download-center ul { list-style:none; }
#xl-download-center a { color:inherit; text-decoration:none; }
#xl-download-center a, #xl-download-center button, #xl-download-center summary { font:inherit; touch-action:manipulation; }
#xl-download-center button { cursor:pointer; color:inherit; }
#xl-download-center svg { display:block; }
#xl-download-center a:focus-visible, #xl-download-center button:focus-visible, #xl-download-center summary:focus-visible { outline:2px solid #e1c488; outline-offset:3px; border-radius:8px; }
#xl-download-center .hero, #xl-download-center .download-card { float:none; height:auto; background-image:none; }

/* ---------- buttons ---------- */
#xl-download-center .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:11px 20px; border-radius:8px; border:1px solid transparent; font-size:14px; font-weight:500; line-height:1.4; text-align:center; white-space:nowrap; transition:background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s; }
#xl-download-center .btn svg { width:18px; height:18px; flex-shrink:0; }
#xl-download-center .btn-lg { min-height:52px; padding:13px 24px; font-size:15px; }
#xl-download-center .btn-primary { background:#d8bb85; background-image:linear-gradient(110deg,#e6ce9a,#c6a36a); border-color:#e1c792; color:#28281c; box-shadow:0 8px 24px rgba(198,163,106,.14); }
#xl-download-center .btn-primary:hover { background:#ead5a6; background-image:none; transform:translateY(-1px); box-shadow:0 10px 28px rgba(198,163,106,.2); }
#xl-download-center .btn-primary:active { transform:translateY(0); background:#d3b67e; }
#xl-download-center .btn-secondary { background:#262625; border-color:#4b4a48; color:#d6d5d3; }
#xl-download-center .btn-secondary:hover { background:#302f2e; border-color:#6f6d69; color:#f0eee7; transform:translateY(-1px); }
#xl-download-center .btn-secondary:active { transform:translateY(0); background:#2a2a29; }
#xl-download-center .btn-ghost { background:transparent; border-color:#5c5236; color:#dbc18c; min-height:40px; padding:8px 16px; font-size:14px; }
#xl-download-center .btn-ghost svg { width:16px; height:16px; }
#xl-download-center .btn-ghost:hover { background:rgba(219,193,140,.08); border-color:#8b7b4d; }
#xl-download-center .btn.is-disabled { background:#232322; background-image:none; border:1px dashed #4b4a48; color:#8f8e8b; box-shadow:none; cursor:not-allowed; transform:none; }
#xl-download-center .text-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 2px; border:0; background:none; font-size:13px; color:#b3b1ad; white-space:nowrap; transition:color .2s; }
#xl-download-center a.text-btn:hover { color:#e6ce9a; }
#xl-download-center .text-btn.is-disabled { color:#83827f; cursor:default; }

/* ---------- section heads ---------- */
#xl-download-center .eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:2.4px; color:#cdb682; margin-bottom:12px; }
#xl-download-center .eyebrow:before { content:""; width:22px; height:1px; background:#8b7b4d; }
#xl-download-center .section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:32px; }
#xl-download-center .section-head h2 { font-size:30px; font-weight:600; letter-spacing:.2px; line-height:1.35; color:#f0eee7; }
#xl-download-center .section-head p { margin-top:10px; font-size:15px; color:#a8a7a6; max-width:560px; }
#xl-download-center .section-head--center { justify-content:center; text-align:center; }
#xl-download-center .section-head--center p { margin-left:auto; margin-right:auto; }
#xl-download-center .section-head--center .eyebrow:after { content:""; width:22px; height:1px; background:#8b7b4d; }

/* ---------- hero ---------- */
#xl-download-center .hero { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:56px; align-items:center; padding:72px 0 64px; position:relative; text-align:left; overflow:visible; width:100%; }
#xl-download-center .hero-copy { position:relative; z-index:1; min-width:0; }
#xl-download-center .kicker { display:inline-flex; align-items:center; gap:10px; padding:6px 14px 6px 10px; border:1px solid #3f3d39; border-radius:999px; background:#1a1a19; font-size:13px; color:#cfc7b4; margin-bottom:26px; }
#xl-download-center .kicker-dot { width:8px; height:8px; border-radius:50%; background:#dbc18c; box-shadow:0 0 0 4px rgba(219,193,140,.14); flex-shrink:0; }
#xl-download-center .kicker i { width:1px; height:12px; background:#4a4947; }
#xl-download-center .hero h1 { font-size:56px; font-weight:600; letter-spacing:-1px; line-height:1.22; color:#f0eee7; margin-bottom:22px; }
#xl-download-center .hero h1 em { font-style:normal; color:#dcc28c; background-image:linear-gradient(100deg,#ecd8a8,#c9a86e); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
#xl-download-center .hero-description { font-size:17px; line-height:1.85; color:#a8a7a6; max-width:470px; }
#xl-download-center .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
#xl-download-center .hero-access { display:flex; align-items:flex-start; gap:8px; margin-top:18px; font-size:13px; line-height:1.6; color:#9a9996; max-width:470px; }
#xl-download-center .hero-access svg { width:15px; height:15px; margin-top:2px; flex-shrink:0; color:#b7a473; }
#xl-download-center .hero-access.is-allowed { color:#c9bd98; }
#xl-download-center .hero-stats { display:flex; margin-top:40px; padding-top:26px; border-top:1px solid #363635; max-width:500px; }
#xl-download-center .hero-stats div { flex:1; min-width:0; padding:0 20px; }
#xl-download-center .hero-stats div:first-child { padding-left:0; }
#xl-download-center .hero-stats div + div { border-left:1px solid #363635; }
#xl-download-center .hero-stats dt { font-size:12px; color:#8f8e8b; margin-bottom:4px; white-space:nowrap; }
#xl-download-center .hero-stats dd { font-size:22px; font-weight:600; color:#f0eee7; letter-spacing:.2px; white-space:nowrap; }
#xl-download-center .hero-stats div:first-child dd { color:#dbc18c; }

/* showcase stage */
#xl-download-center .showcase { position:relative; min-width:0; }
#xl-download-center .stage { position:relative; padding:22px 30px 40px 26px; border:1px solid #2f2e2c; border-radius:20px; background:#161615; background-image:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(160,136,80,.16),transparent 72%),linear-gradient(160deg,#1c1c1b,#141413); box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03); }
#xl-download-center .showcase-grid { position:absolute; inset:0; border-radius:20px; background-image:linear-gradient(rgba(120,119,115,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,119,115,.06) 1px,transparent 1px); background-size:28px 28px; -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%); mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%); pointer-events:none; }
#xl-download-center .device-tabs { position:relative; z-index:3; display:flex; justify-content:center; gap:4px; width:max-content; max-width:100%; margin:0 auto 20px; padding:4px; border:1px solid #363635; border-radius:999px; background:#121211; }
#xl-download-center .device-tabs button { display:inline-flex; align-items:center; gap:7px; padding:7px 14px; border:1px solid transparent; border-radius:999px; background:none; color:#9a9996; font-size:13px; transition:background-color .2s, color .2s, border-color .2s; }
#xl-download-center .device-tabs button svg { width:14px; height:14px; }
#xl-download-center .device-tabs button:hover { color:#e0ddd5; }
#xl-download-center .device-tabs button.active { background:#2c2b29; border-color:#5c5236; color:#e6d3a6; }
#xl-download-center .devices { position:relative; z-index:1; }
#xl-download-center .float-chip { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border:1px solid #3f3d39; border-radius:10px; background:rgba(28,28,27,.94); box-shadow:0 12px 30px rgba(0,0,0,.4); font-size:12px; color:#d6d5d3; white-space:nowrap; pointer-events:none; }
#xl-download-center .float-chip i { width:7px; height:7px; border-radius:50%; background:#7fb58a; box-shadow:0 0 0 3px rgba(127,181,138,.16); }
#xl-download-center .float-chip svg { width:14px; height:14px; color:#dbc18c; }
#xl-download-center .float-chip--cloud { left:-18px; top:96px; }
#xl-download-center .float-chip--local { left:36px; bottom:18px; }
#xl-download-center .scene-caption { margin-top:14px; text-align:center; font-size:12px; color:#83827f; }

/* device mockups (decorative micro text) */
#xl-download-center .desktop-window { position:relative; width:100%; border:1px solid #51504f; border-radius:11px; overflow:hidden; background:#1a1a19; box-shadow:0 24px 60px rgba(0,0,0,.5); transition:transform .4s, opacity .4s; }
#xl-download-center .window-bar { height:29px; background:#2c2c2b; border-bottom:1px solid #3c3b3a; display:flex; align-items:center; justify-content:space-between; padding:0 11px; font-size:8px; color:#979693; }
#xl-download-center .window-dots { display:flex; gap:4px; }
#xl-download-center .window-dots i { width:5px; height:5px; border-radius:50%; background:#696866; }
#xl-download-center .window-body { display:grid; grid-template-columns:72px minmax(0,1fr) 103px; min-height:247px; }
#xl-download-center .mock-sidebar { padding:14px 8px; border-right:1px solid #383736; font-size:7px; color:#999896; }
#xl-download-center .mock-logo { font-size:11px; color:#ddd0ab; margin-bottom:23px; font-weight:650; }
#xl-download-center .mock-nav { padding:7px 4px; margin-bottom:5px; border-radius:4px; display:flex; gap:4px; align-items:center; }
#xl-download-center .mock-nav.active { background:#393925; color:#d4c089; }
#xl-download-center .mock-nav svg { width:10px; height:10px; flex-shrink:0; }
#xl-download-center .mock-work { padding:13px; min-width:0; }
#xl-download-center .mock-work-title { display:flex; justify-content:space-between; gap:6px; align-items:center; font-size:8px; color:#d4d3d0; margin-bottom:11px; }
#xl-download-center .mock-work-title span:last-child { font-size:6px; color:#9fc3a5; }
#xl-download-center .relief-preview { height:169px; position:relative; overflow:hidden; border:1px solid #4b4a48; border-radius:6px; background:#1e1e1d; }
#xl-download-center .relief-preview img { height:100%; width:100%; object-fit:cover; object-position:center 53%; display:block; }
#xl-download-center .viewport-tools { position:absolute; bottom:7px; left:50%; transform:translateX(-50%); display:flex; gap:8px; align-items:center; color:#d4cfb3; border:1px solid rgba(98,97,67,.5); border-radius:5px; background:rgba(27,27,26,.8); font-size:7px; padding:4px 9px; white-space:nowrap; }
#xl-download-center .mock-timeline { display:flex; gap:6px; margin-top:9px; align-items:center; font-size:6px; color:#9c9b98; }
#xl-download-center .mock-timeline i { width:25px; height:20px; display:block; background:#2f2e2d; border:1px solid #484745; border-radius:3px; }
#xl-download-center .mock-timeline i:first-child { border-color:#b7a06a; background:#4c4b2f; }
#xl-download-center .mock-settings { border-left:1px solid #383736; padding:15px 10px; font-size:7px; color:#aaa9a6; }
#xl-download-center .mock-settings h4 { font-size:8px; color:#d5d4d1; font-weight:500; margin-bottom:16px; }
#xl-download-center .mock-label { font-size:7px; margin:10px 0 6px; color:#959490; }
#xl-download-center .mock-field { padding:7px 6px; border:1px solid #4b4a47; border-radius:4px; color:#c3c2be; background:#2b2a29; display:flex; justify-content:space-between; font-size:6px; }
#xl-download-center .mock-slider { height:3px; border-radius:4px; background:#4e4d4a; background-image:linear-gradient(to right,#cbb37c 62%,#4e4d4a 62%); margin:12px 0; position:relative; }
#xl-download-center .mock-slider:after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#cbb37c; left:62%; top:-2px; }
#xl-download-center .mock-generate { margin-top:22px; padding:7px 2px; text-align:center; border-radius:4px; background:#ccb781; color:#3b3a38; font-size:7px; }
#xl-download-center .phone { position:absolute; right:-22px; bottom:-18px; width:113px; height:219px; border:3px solid #525150; box-shadow:0 18px 36px rgba(0,0,0,.6),inset 0 0 0 1px #171716; border-radius:19px; background:#20201f; padding:9px 6px 7px; z-index:2; transition:transform .4s; }
#xl-download-center .phone-top { display:flex; align-items:center; justify-content:space-between; font-size:5px; color:#aba9a6; padding:1px 3px 8px; }
#xl-download-center .phone-camera { height:6px; width:25px; border-radius:9px; background:#0f0f0e; position:absolute; top:6px; left:50%; transform:translateX(-50%); }
#xl-download-center .phone-logo { font-size:8px; color:#dcc997; font-weight:650; margin:4px 3px 9px; }
#xl-download-center .phone-title { font-size:6px; color:#cac9c5; margin:0 3px 7px; }
#xl-download-center .phone-image { height:107px; border:1px solid #535250; border-radius:5px; overflow:hidden; background:#232221; }
#xl-download-center .phone-image img { width:100%; height:100%; object-fit:cover; display:block; }
#xl-download-center .phone-button { font-size:6px; color:#3e3d3b; border-radius:4px; background:#d0b87b; text-align:center; margin-top:7px; padding:6px 0; }
#xl-download-center .phone-nav { display:flex; justify-content:space-around; font-size:5px; color:#9f9d9a; padding-top:8px; }
#xl-download-center .phone-nav span:first-child { color:#ddc897; }
#xl-download-center .showcase.android-focus .desktop-window { transform:translateX(-14px) scale(.92); opacity:.5; }
#xl-download-center .showcase.android-focus .phone { transform:translate(-70px,-30px) scale(1.24); }

/* ---------- download cards ---------- */
#xl-download-center .clients { padding:8px 0 24px; }
#xl-download-center .download-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
#xl-download-center .download-card { position:relative; display:flex; flex-direction:column; width:auto; padding:32px; border:1px solid #4a4947; border-radius:16px; background:#222221; background-image:linear-gradient(150deg,#252524,#1e1e1d); overflow:hidden; outline:none; transition:border-color .25s, box-shadow .25s, transform .25s; }
#xl-download-center .download-card:hover { border-color:#5e5c58; }
#xl-download-center .download-card.selected { border-color:#8b7b4d; box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(219,193,140,.18); }
#xl-download-center .download-card:focus-visible { outline:2px solid #e1c488; outline-offset:4px; }
#xl-download-center .card-glow { position:absolute; top:-120px; left:-80px; width:320px; height:260px; background:radial-gradient(ellipse at center,rgba(219,193,140,.10),transparent 70%); opacity:0; transition:opacity .3s; pointer-events:none; }
#xl-download-center .download-card.selected .card-glow { opacity:1; }
#xl-download-center .card-head { position:relative; display:flex; align-items:center; gap:16px; margin-bottom:18px; }
#xl-download-center .platform-icon { width:56px; height:56px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border:1px solid #4f4d49; border-radius:14px; background:#2b2a28; background-image:linear-gradient(150deg,#31302d,#232321); color:#dbc18c; }
#xl-download-center .platform-icon svg { width:28px; height:28px; }
#xl-download-center .card-title { flex:1; min-width:0; }
#xl-download-center .platform-label { display:block; font-size:12px; letter-spacing:1px; color:#8f8e8b; margin-bottom:2px; }
#xl-download-center .card-head h3 { font-size:24px; font-weight:600; line-height:1.35; color:#f0eee7; }
#xl-download-center .tag { align-self:flex-start; padding:4px 10px; border:1px solid #55534f; border-radius:999px; font-size:12px; color:#bdbbb7; white-space:nowrap; }
#xl-download-center .download-card.selected .tag { border-color:#7a6c44; color:#dbc18c; background:rgba(219,193,140,.06); }
#xl-download-center .card-description { position:relative; font-size:15px; line-height:1.8; color:#b0afad; }
#xl-download-center .card-features { position:relative; display:flex; flex-wrap:wrap; gap:10px 22px; margin:20px 0 24px; }
#xl-download-center .card-features li { display:flex; align-items:center; gap:8px; font-size:14px; color:#d6d5d3; }
#xl-download-center .card-features svg { width:16px; height:16px; padding:2px; border-radius:50%; background:rgba(219,193,140,.12); color:#dbc18c; flex-shrink:0; }
#xl-download-center .specs { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:auto; border:1px solid #333231; border-radius:12px; background:#333231; overflow:hidden; }
#xl-download-center .specs .spec { min-width:0; padding:14px 16px; background:#181817; }
#xl-download-center .specs dt { font-size:12px; color:#8f8e8b; margin-bottom:3px; }
#xl-download-center .specs dd { font-size:14px; color:#dedcd8; line-height:1.55; overflow-wrap:anywhere; }
#xl-download-center .specs .spec--version dd { font-size:17px; font-weight:600; color:#e6d3a6; }
#xl-download-center .specs .spec--pkg dd { font-family:Consolas,"SFMono-Regular",Menlo,monospace; font-size:13px; }
#xl-download-center .card-footer { position:relative; display:flex; align-items:center; gap:16px; margin-top:22px; }
#xl-download-center .card-footer .btn { flex:1; min-width:0; min-height:50px; font-size:15px; }
#xl-download-center .footnote { position:relative; margin-top:14px; font-size:12px; line-height:1.7; color:#8f8e8b; }
#xl-download-center .access-note { display:flex; align-items:center; gap:16px; margin-top:24px; padding:18px 22px; border:1px solid #3a3833; border-radius:14px; background:#1a1a18; background-image:linear-gradient(100deg,rgba(219,193,140,.06),transparent 55%); }
#xl-download-center .access-icon { width:40px; height:40px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(219,193,140,.1); color:#dbc18c; }
#xl-download-center .access-icon svg { width:20px; height:20px; }
#xl-download-center .access-note p { flex:1; min-width:0; font-size:14px; line-height:1.7; color:#a8a7a6; }
#xl-download-center .access-note strong { display:block; font-size:15px; font-weight:600; color:#e8e1cf; margin-bottom:2px; }
#xl-download-center .access-note .btn { flex-shrink:0; }

/* ---------- features ---------- */
#xl-download-center .features { padding:88px 0 24px; }
#xl-download-center .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#xl-download-center .feature { position:relative; padding:30px 28px 32px; border:1px solid #363635; border-radius:16px; background:#1b1b1b; transition:border-color .25s, transform .25s; }
#xl-download-center .feature:hover { border-color:#4a4947; transform:translateY(-2px); }
#xl-download-center .feature--accent { background:#1d1c1a; background-image:radial-gradient(ellipse 80% 70% at 100% 0,rgba(219,193,140,.09),transparent 70%),linear-gradient(160deg,#21201e,#1b1b1a); border-color:#4a4432; }
#xl-download-center .feature-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; border:1px solid #45433f; border-radius:12px; background:#252524; color:#dbc18c; }
#xl-download-center .feature-icon svg { width:24px; height:24px; }
#xl-download-center .feature h3 { font-size:19px; font-weight:600; color:#f0eee7; margin-bottom:10px; }
#xl-download-center .feature p { font-size:14px; line-height:1.85; color:#a8a7a6; }

/* ---------- steps ---------- */
#xl-download-center .getting-started { padding:88px 0 24px; }
#xl-download-center .steps { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; counter-reset:none; }
#xl-download-center .step:not(:last-child):before { content:""; position:absolute; top:24px; left:48px; right:-28px; height:1px; background:#4a4947; background-image:linear-gradient(90deg,#8b7b4d,#4a4947); }
#xl-download-center .step { position:relative; padding-right:12px; }
#xl-download-center .step-number { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:22px; border:1px solid #8b7b4d; border-radius:50%; background:#161615; font-size:15px; font-weight:600; letter-spacing:.5px; color:#e6d3a6; box-shadow:0 0 0 6px #111111; }
#xl-download-center .step:first-child .step-number { background:#d8bb85; background-image:linear-gradient(135deg,#e6ce9a,#c6a36a); border-color:#e1c792; color:#28281c; }
#xl-download-center .step h3 { font-size:18px; font-weight:600; color:#f0eee7; margin-bottom:8px; }
#xl-download-center .step p { font-size:14px; line-height:1.85; color:#a8a7a6; max-width:340px; }

/* ---------- help / faq ---------- */
#xl-download-center .help { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; padding:88px 0 96px; }
#xl-download-center .help-intro h2 { font-size:30px; font-weight:600; line-height:1.35; color:#f0eee7; }
#xl-download-center .help-intro > p { margin-top:12px; font-size:15px; line-height:1.8; color:#a8a7a6; max-width:440px; }
#xl-download-center .help-card { display:flex; flex-wrap:wrap; align-items:center; gap:14px 16px; margin-top:30px; padding:20px; border:1px solid #363635; border-radius:14px; background:#1b1b1b; }
#xl-download-center .help-card-icon { width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#262625; border:1px solid #45433f; color:#dbc18c; }
#xl-download-center .help-card-icon svg { width:22px; height:22px; }
#xl-download-center .help-card > div { flex:1; min-width:160px; }
#xl-download-center .help-card > div strong { display:block; font-size:15px; font-weight:600; color:#f0eee7; }
#xl-download-center .help-card > div span { display:block; font-size:13px; line-height:1.6; color:#999998; margin-top:2px; }
#xl-download-center .help-card .btn { min-height:40px; padding:8px 16px; font-size:14px; }
#xl-download-center .faq { display:flex; flex-direction:column; gap:12px; }
#xl-download-center .faq details { border:1px solid #363635; border-radius:14px; background:#181817; transition:border-color .2s, background-color .2s; }
#xl-download-center .faq details:hover { border-color:#4a4947; }
#xl-download-center .faq details[open] { border-color:#5c5236; background:#1c1b19; }
#xl-download-center .faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; list-style:none; cursor:pointer; font-size:16px; font-weight:500; color:#e8e6e0; }
#xl-download-center .faq summary::-webkit-details-marker { display:none; }
#xl-download-center .faq summary:after { content:"+"; flex-shrink:0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border:1px solid #4a4947; border-radius:50%; font-size:18px; font-weight:300; line-height:1; color:#bdbbb7; transition:transform .2s, border-color .2s, color .2s; }
#xl-download-center .faq details[open] summary:after { content:"+"; transform:rotate(45deg); border-color:#8b7b4d; color:#dbc18c; }
#xl-download-center .faq details p { padding:0 22px 20px; margin-top:-4px; font-size:14px; line-height:1.9; color:#a8a7a6; }

#xl-download-center #clients, #xl-download-center #windows, #xl-download-center #android, #xl-download-center #features, #xl-download-center #guide, #xl-download-center #dl-help { scroll-margin-top:96px; }

/* ==========================================================================
   v2 full-bleed layout 20260926_download_fullbleed_v2
   - Page is no longer a 1320px boxed column: every section is a full-width band,
     content width grows with the viewport (max 1720px) with fluid gutters.
   - Hero fills the first screen on desktop; showcase scales with column width (zoom, Edge 100 OK).
   - Edge 100 safe: max()/min()/clamp() only, no :has(), no container queries, no color-mix.
   ========================================================================== */
main#xl-download-center.download-page { --dl-max:1720px; --dl-gut:clamp(20px,4.2vw,88px); --dl-pad-x:max(var(--dl-gut), calc((100% - var(--dl-max)) / 2));
  width:100%; max-width:none; margin:0; padding:0; background:transparent; overflow:hidden; }
main#xl-download-center > section.dl-band { position:relative; width:auto; max-width:none; margin:0; padding-left:var(--dl-pad-x); padding-right:var(--dl-pad-x); }
main#xl-download-center > section.dl-band--dark { background:#0c0c0b; }
main#xl-download-center > section.dl-band--soft { background:#121211; background-image:radial-gradient(ellipse 55% 60% at 100% 0,rgba(201,168,110,.05),transparent 70%); }
main#xl-download-center > section.dl-band + section.dl-band { border-top:1px solid #1d1d1b; }

/* section heads: larger, calmer */
#xl-download-center .section-head { margin-bottom:clamp(28px,2.6vw,44px); }
#xl-download-center .section-head h2, #xl-download-center .help-intro h2 { font-size:clamp(28px,2.25vw,40px); letter-spacing:.3px; }
#xl-download-center .section-head p { font-size:clamp(15px,1vw,17px); max-width:640px; }

/* ---------- hero band ---------- */
main#xl-download-center > section.dl-band--hero { overflow:hidden; border-bottom:1px solid rgba(219,193,140,.12);
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,5vw,112px); padding-top:clamp(56px,7vh,104px); padding-bottom:clamp(64px,8vh,112px);
  background:radial-gradient(ellipse 46% 62% at 74% 50%,rgba(201,168,110,.16),transparent 70%),radial-gradient(ellipse 38% 50% at 0 0,rgba(201,168,110,.06),transparent 70%),
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(180deg,rgba(12,12,11,.5) 0,rgba(12,12,11,.82) 72%,#0c0c0b 100%);
  background-size:auto,auto,64px 64px,64px 64px,auto; }
main#xl-download-center > section.dl-band--hero:before, main#xl-download-center > section.dl-band--hero:after { content:""; position:absolute; z-index:0; left:73%; top:50%; border-radius:50%; pointer-events:none; }
main#xl-download-center > section.dl-band--hero:before { width:1080px; height:1080px; margin:-540px 0 0 -540px; border:1px solid rgba(219,193,140,.09); box-shadow:0 0 0 1px rgba(0,0,0,.2),inset 0 0 120px rgba(201,168,110,.035); }
main#xl-download-center > section.dl-band--hero:after { width:700px; height:700px; margin:-350px 0 0 -350px; border:1px dashed rgba(219,193,140,.11); }
#xl-download-center .hero .showcase { z-index:1; }
#xl-download-center .hero h1 { font-size:clamp(44px,4.15vw,84px); letter-spacing:-1.2px; line-height:1.16; margin-bottom:clamp(18px,1.6vw,28px); }
#xl-download-center .hero-description { font-size:clamp(16px,1.08vw,19px); max-width:540px; }
#xl-download-center .hero-access { max-width:540px; }
#xl-download-center .hero-actions { margin-top:clamp(28px,2.4vw,42px); }
#xl-download-center .hero-stats { max-width:580px; margin-top:clamp(32px,3vw,52px); }
#xl-download-center .hero-stats dd { font-size:clamp(20px,1.5vw,28px); }
#xl-download-center .stage { border-color:#34322e; box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(219,193,140,.05),inset 0 1px 0 rgba(255,255,255,.04); }

/* ---------- download cards ---------- */
main#xl-download-center > section.clients { padding-top:clamp(72px,7vw,120px); padding-bottom:clamp(72px,7vw,120px); }
main#xl-download-center > section.clients:before { content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(219,193,140,.45) 50%,transparent); }
#xl-download-center .download-grid { gap:clamp(20px,2vw,32px); }
#xl-download-center .download-card { padding:clamp(28px,2.4vw,44px); border-radius:20px; border-color:#3e3d3a; background-image:linear-gradient(150deg,#232322,#1a1a19); }
#xl-download-center .download-card.selected { border-color:#8b7b4d; box-shadow:0 30px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(219,193,140,.2); }
#xl-download-center .card-mark { position:absolute; right:-64px; bottom:-78px; width:clamp(220px,16vw,320px); height:clamp(220px,16vw,320px); color:rgba(219,193,140,.03); pointer-events:none; transition:color .3s, transform .4s; }
#xl-download-center .download-card.selected .card-mark { color:rgba(219,193,140,.05); transform:rotate(-6deg); }
#xl-download-center .download-client-card--android .card-mark { color:rgba(219,193,140,.022); }
#xl-download-center .download-client-card--android.selected .card-mark { color:rgba(219,193,140,.04); }
#xl-download-center .card-head h3 { font-size:clamp(22px,1.7vw,30px); }
#xl-download-center .card-description { font-size:clamp(15px,1vw,16px); max-width:640px; }
#xl-download-center .access-note { margin-top:clamp(20px,2vw,32px); padding:20px 26px; border-radius:16px; }

/* ---------- features ---------- */
main#xl-download-center > section.features { padding-top:clamp(72px,7vw,120px); padding-bottom:clamp(72px,7vw,120px); }
#xl-download-center .feature-grid { gap:clamp(16px,1.6vw,28px); counter-reset:dlfeat; }
#xl-download-center .feature { counter-increment:dlfeat; padding:clamp(28px,2.4vw,42px); border-radius:20px; background:#171716; overflow:hidden; }
#xl-download-center .feature:after { content:"0" counter(dlfeat); position:absolute; top:clamp(20px,2vw,32px); right:clamp(22px,2.2vw,36px); font-size:clamp(40px,3.4vw,60px); font-weight:700; line-height:1; letter-spacing:-2px; color:rgba(219,193,140,.07); pointer-events:none; }
#xl-download-center .feature:before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(219,193,140,.55),transparent); opacity:0; transition:opacity .3s; }
#xl-download-center .feature:hover:before, #xl-download-center .feature--accent:before { opacity:1; }
#xl-download-center .feature h3 { font-size:clamp(18px,1.3vw,22px); }
#xl-download-center .feature p { font-size:clamp(14px,.95vw,15.5px); }

/* ---------- steps ---------- */
main#xl-download-center > section.getting-started { padding-top:clamp(72px,7vw,120px); padding-bottom:clamp(72px,7vw,120px); }
#xl-download-center .steps { gap:clamp(20px,2vw,32px); }
#xl-download-center .step { --dl-step-pad:clamp(26px,2.2vw,40px); padding:var(--dl-step-pad); border:1px solid #2a2926; border-radius:20px; background:#141413; background-image:linear-gradient(160deg,#181817,#111110); transition:border-color .25s, transform .25s; }
#xl-download-center .step:hover { border-color:#4a4432; transform:translateY(-2px); }
#xl-download-center .step:first-child { border-color:#4a4432; background-image:radial-gradient(ellipse 80% 70% at 0 0,rgba(219,193,140,.08),transparent 70%),linear-gradient(160deg,#1a1917,#121211); }
#xl-download-center .step:not(:last-child):before { top:calc(var(--dl-step-pad) + 30px); left:calc(var(--dl-step-pad) + 76px); right:calc(-1 * clamp(20px,2vw,32px) - 1px); z-index:0; }
#xl-download-center .step-number { width:60px; height:60px; font-size:17px; box-shadow:0 0 0 8px #141413; }
#xl-download-center .step h3 { font-size:clamp(18px,1.3vw,22px); }
#xl-download-center .step p { max-width:460px; font-size:clamp(14px,.95vw,15.5px); }

/* ---------- help ---------- */
main#xl-download-center > section.help { gap:clamp(40px,5vw,96px); padding-top:clamp(72px,7vw,120px); padding-bottom:clamp(72px,7vw,120px); }
#xl-download-center .faq details { border-radius:16px; }
#xl-download-center .faq summary { padding:20px 24px; font-size:clamp(15px,1.05vw,17px); }

/* ---------- closing CTA band ---------- */
main#xl-download-center > section.dl-cta { overflow:hidden; text-align:center; padding-top:clamp(80px,8vw,140px); padding-bottom:clamp(88px,9vw,150px);
  background:radial-gradient(ellipse 50% 90% at 50% 100%,rgba(201,168,110,.2),transparent 70%),linear-gradient(180deg,#0f0f0e,#0b0b0a); }
main#xl-download-center > section.dl-cta:before { content:""; position:absolute; left:50%; bottom:-560px; width:1100px; height:1100px; margin-left:-550px; border-radius:50%; border:1px solid rgba(219,193,140,.12); pointer-events:none; }
main#xl-download-center > section.dl-cta:after { content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(219,193,140,.4) 50%,transparent); }
#xl-download-center .dl-cta-inner { position:relative; z-index:1; }
#xl-download-center .dl-cta .eyebrow:after { content:""; width:22px; height:1px; background:#8b7b4d; }
#xl-download-center .dl-cta h2 { font-size:clamp(32px,3.4vw,60px); font-weight:600; letter-spacing:-.8px; line-height:1.2; color:#f0eee7; }
#xl-download-center .dl-cta h2 em { margin-left:.22em; font-style:normal; color:#dcc28c; background-image:linear-gradient(100deg,#ecd8a8,#c9a86e); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
#xl-download-center .dl-cta-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:clamp(28px,2.6vw,44px); }
#xl-download-center .dl-cta .hero-access { justify-content:center; margin:18px auto 0; }

/* ---------- responsive ---------- */
@media (min-width:1500px) {
  #xl-download-center .hero { gap:72px; padding:84px 0 100px; }
  #xl-download-center .hero h1 { font-size:60px; }
  #xl-download-center .window-body { min-height:274px; grid-template-columns:80px minmax(0,1fr) 116px; }
  #xl-download-center .relief-preview { height:186px; }
  #xl-download-center .phone { width:121px; height:236px; }
  #xl-download-center .phone-image { height:120px; }
}
@media (max-width:1180px) {
  #xl-download-center .hero { gap:40px; }
  #xl-download-center .hero h1 { font-size:46px; }
  #xl-download-center .hero-description { font-size:16px; }
  #xl-download-center .window-body { grid-template-columns:58px minmax(0,1fr) 86px; min-height:228px; }
  #xl-download-center .mock-work { padding:10px; }
  #xl-download-center .relief-preview { height:152px; }
  #xl-download-center .mock-settings { padding:13px 8px; }
  #xl-download-center .phone { width:100px; height:196px; right:-16px; }
  #xl-download-center .phone-image { height:88px; }
  #xl-download-center .download-card { padding:26px; }
  #xl-download-center .float-chip--cloud { left:-10px; }
}
@media (max-width:1080px) {
  #xl-download-center .hero { grid-template-columns:1fr; gap:48px; padding:56px 0 72px; }
  #xl-download-center .hero-copy { text-align:center; }
  #xl-download-center .hero-description, #xl-download-center .hero-access, #xl-download-center .hero-stats { margin-left:auto; margin-right:auto; }
  #xl-download-center .hero-access { justify-content:center; }
  #xl-download-center .hero-actions { justify-content:center; }
  #xl-download-center .hero-stats { text-align:left; }
  #xl-download-center .showcase { width:100%; max-width:680px; margin:0 auto; }
  #xl-download-center .window-body { grid-template-columns:72px minmax(0,1fr) 110px; min-height:260px; }
  #xl-download-center .relief-preview { height:182px; }
  #xl-download-center .phone { width:116px; height:226px; right:-18px; }
  #xl-download-center .phone-image { height:110px; }
  #xl-download-center .float-chip--cloud { left:-14px; }
}
@media (max-width:860px) {
  #xl-download-center { padding:0 24px; }
  #xl-download-center .download-grid, #xl-download-center .feature-grid { grid-template-columns:1fr; }
  #xl-download-center .download-grid { gap:18px; }
  #xl-download-center .features, #xl-download-center .getting-started { padding-top:72px; }
  #xl-download-center .steps { grid-template-columns:1fr; gap:26px; }
  #xl-download-center .step:not(:last-child):before { top:48px; bottom:-26px; left:24px; right:auto; width:1px; height:auto; background-image:linear-gradient(180deg,#8b7b4d,#4a4947); }
  #xl-download-center .step { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:20px; padding:0; }
  #xl-download-center .step-number { grid-row:span 2; margin:0; }
  #xl-download-center .step h3 { margin:10px 0 6px; }
  #xl-download-center .step p { max-width:none; }
  #xl-download-center .help { grid-template-columns:1fr; gap:32px; padding:72px 0 80px; }
  #xl-download-center .help-intro > p { max-width:none; }
  #xl-download-center .section-head h2, #xl-download-center .help-intro h2 { font-size:27px; }
}
@media (max-width:600px) {
  #xl-download-center { padding:0 18px; font-size:14px; }
  #xl-download-center .hero { gap:36px; padding:36px 0 56px; }
  #xl-download-center .kicker { font-size:12px; margin-bottom:20px; padding:5px 12px 5px 9px; }
  #xl-download-center .hero h1 { font-size:36px; letter-spacing:-.5px; margin-bottom:16px; }
  #xl-download-center .hero-description { font-size:15px; max-width:340px; }
  #xl-download-center .hero-actions { flex-direction:column; align-items:stretch; margin-top:26px; gap:10px; }
  #xl-download-center .btn-lg { min-height:50px; font-size:15px; }
  #xl-download-center .hero-access { font-size:12px; text-align:left; }
  #xl-download-center .hero-stats { margin-top:30px; padding-top:20px; }
  #xl-download-center .hero-stats div { padding:0 10px; }
  #xl-download-center .hero-stats dt { font-size:12px; white-space:normal; }
  #xl-download-center .hero-stats dd { font-size:17px; }
  #xl-download-center .stage { padding:14px 22px 26px 12px; border-radius:16px; }
  #xl-download-center .showcase-grid { border-radius:16px; }
  #xl-download-center .device-tabs { margin-bottom:14px; }
  #xl-download-center .device-tabs button { padding:6px 11px; font-size:12px; }
  #xl-download-center .window-body { grid-template-columns:48px minmax(0,1fr) 68px; min-height:180px; }
  #xl-download-center .window-bar { height:22px; font-size:6px; }
  #xl-download-center .mock-sidebar { padding:9px 5px; font-size:5px; }
  #xl-download-center .mock-logo { font-size:8px; margin-bottom:14px; }
  #xl-download-center .mock-nav { padding:4px 2px; }
  #xl-download-center .mock-nav svg { width:7px; height:7px; }
  #xl-download-center .mock-work { padding:8px; }
  #xl-download-center .mock-work-title { font-size:6px; margin-bottom:7px; }
  #xl-download-center .relief-preview { height:112px; }
  #xl-download-center .mock-settings { padding:9px 6px; font-size:5px; }
  #xl-download-center .mock-settings h4 { font-size:6px; margin-bottom:8px; }
  #xl-download-center .mock-label { font-size:5px; margin:6px 0 4px; }
  #xl-download-center .mock-field { padding:4px; font-size:5px; }
  #xl-download-center .mock-generate { margin-top:12px; padding:4px 1px; font-size:5px; }
  #xl-download-center .phone { width:84px; height:164px; right:-14px; bottom:-12px; border-width:2px; border-radius:14px; padding:7px 5px 5px; }
  #xl-download-center .phone-image { height:74px; }
  #xl-download-center .phone-logo { margin:2px 2px 5px; font-size:7px; }
  #xl-download-center .showcase.android-focus .phone { transform:translate(-44px,-18px) scale(1.2); }
  #xl-download-center .float-chip { font-size:12px; padding:5px 9px; }
  #xl-download-center .float-chip--cloud { left:-6px; top:62px; }
  #xl-download-center .float-chip--local { display:none; }
  #xl-download-center .scene-caption { font-size:12px; }
  #xl-download-center .section-head { margin-bottom:22px; }
  #xl-download-center .section-head h2, #xl-download-center .help-intro h2 { font-size:24px; }
  #xl-download-center .section-head p, #xl-download-center .help-intro > p { font-size:14px; }
  #xl-download-center .download-card { padding:22px 18px; border-radius:14px; }
  #xl-download-center .card-head { gap:12px; margin-bottom:14px; }
  #xl-download-center .platform-icon { width:48px; height:48px; border-radius:12px; }
  #xl-download-center .platform-icon svg { width:24px; height:24px; }
  #xl-download-center .card-head h3 { font-size:20px; }
  #xl-download-center .card-description { font-size:14px; }
  #xl-download-center .card-features { flex-direction:column; gap:8px; margin:16px 0 20px; }
  #xl-download-center .specs .spec { padding:12px; }
  #xl-download-center .specs dd { font-size:13px; }
  #xl-download-center .specs .spec--pkg dd { font-size:12px; }
  #xl-download-center .card-footer { flex-direction:column; align-items:stretch; gap:4px; margin-top:18px; }
  #xl-download-center .card-footer .text-btn { justify-content:center; }
  #xl-download-center .access-note { flex-wrap:wrap; align-items:flex-start; gap:12px 14px; padding:16px; }
  #xl-download-center .access-note p { flex-basis:calc(100% - 60px); font-size:13px; }
  #xl-download-center .access-note .btn { width:100%; }
  #xl-download-center .features, #xl-download-center .getting-started { padding-top:60px; }
  #xl-download-center .feature { padding:24px 20px; }
  #xl-download-center .feature-icon { margin-bottom:16px; }
  #xl-download-center .feature h3, #xl-download-center .step h3 { font-size:17px; }
  #xl-download-center .help { padding:60px 0 64px; }
  #xl-download-center .help-card { padding:16px; }
  #xl-download-center .help-card .btn { width:100%; }
  #xl-download-center .faq summary { padding:16px 16px; font-size:15px; }
  #xl-download-center .faq details p { padding:0 16px 18px; font-size:14px; }
}
@media (max-width:370px) {
  #xl-download-center .hero h1 { font-size:32px; }
  #xl-download-center .hero-stats dd { font-size:15px; }
  #xl-download-center .kicker i { display:none; }
}
/* ---------- v2 responsive (after legacy rules) ---------- */
@media (min-width:1081px) and (min-height:600px) {
  main#xl-download-center > section.dl-band--hero { min-height:calc(100vh - 72px); align-content:center; }
}
@media (min-width:1360px) { #xl-download-center .stage { zoom:1.06; } }
@media (min-width:1560px) { #xl-download-center .stage { zoom:1.14; } }
@media (min-width:1760px) { #xl-download-center .stage { zoom:1.22; } }
@media (min-width:2000px) { #xl-download-center .stage { zoom:1.32; } }
@media (min-width:2400px) { #xl-download-center .stage { zoom:1.45; } }
@media (max-width:1080px) {
  main#xl-download-center > section.dl-band--hero { grid-template-columns:1fr; gap:48px; padding-top:56px; padding-bottom:72px; }
  main#xl-download-center > section.dl-band--hero:before { left:50%; top:auto; bottom:-620px; }
  main#xl-download-center > section.dl-band--hero:after { left:50%; top:auto; bottom:-420px; }
  #xl-download-center .hero-description, #xl-download-center .hero-access, #xl-download-center .hero-stats { margin-left:auto; margin-right:auto; }
}
@media (max-width:860px) {
  main#xl-download-center.download-page { padding:0; }
  main#xl-download-center > section.help { gap:32px; }
  #xl-download-center .steps { gap:14px; }
  #xl-download-center .step { --dl-step-pad:20px; padding:20px; grid-template-columns:60px minmax(0,1fr); }
  #xl-download-center .step:not(:last-child):before { display:none; }
}
@media (max-width:600px) {
  main#xl-download-center.download-page { padding:0; font-size:14px; }
  main#xl-download-center > section.dl-band--hero { gap:36px; padding-top:36px; padding-bottom:56px; }
  #xl-download-center .hero h1 { font-size:36px; letter-spacing:-.5px; }
  main#xl-download-center > section.clients, main#xl-download-center > section.features, main#xl-download-center > section.getting-started, main#xl-download-center > section.help { padding-top:56px; padding-bottom:60px; }
  #xl-download-center .download-card, #xl-download-center .feature { padding:22px 18px; border-radius:16px; }
  #xl-download-center .card-mark { width:160px; height:160px; right:-30px; bottom:-36px; }
  #xl-download-center .step-number { width:48px; height:48px; font-size:15px; box-shadow:0 0 0 6px #0c0c0b; }
  #xl-download-center .step { grid-template-columns:48px minmax(0,1fr); padding:18px; }
  #xl-download-center .step-number { box-shadow:none; }
  #xl-download-center .dl-cta h2 em { display:block; margin-left:0; }
  #xl-download-center .dl-cta-actions { flex-direction:column; align-items:stretch; }
  main#xl-download-center > section.dl-cta { padding-top:64px; padding-bottom:72px; }
}
@media (max-width:370px) { #xl-download-center .hero h1 { font-size:32px; } }
@media (prefers-reduced-motion:reduce) {
  #xl-download-center *, #xl-download-center *:before, #xl-download-center *:after { transition:none !important; }
  #xl-download-center .btn:hover, #xl-download-center .feature:hover, #xl-download-center .step:hover { transform:none; }
  #xl-download-center .download-card.selected .card-mark { transform:none; }
}