
/* Download page */
.download-page .site-header { background:var(--page); }
.download-hero { padding:clamp(72px,8vw,118px) 0 clamp(82px,9vw,132px); position:relative; overflow:hidden; }
.download-hero::after { content:""; position:absolute; width:680px; height:680px; right:-280px; top:-320px; border-radius:50%; background:radial-gradient(circle,rgba(243,196,0,.18),rgba(243,196,0,0) 68%); pointer-events:none; }
.download-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr); gap:clamp(60px,8vw,120px); align-items:center; }
.detected-label { display:inline-flex; align-items:center; gap:9px; margin-bottom:20px; padding:8px 13px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.54); color:var(--muted-strong); font-size:.78rem; font-weight:800; }
.detected-dot { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(243,196,0,.12); }
.download-hero h1 { margin:0; max-width:760px; font-size:clamp(4rem,7vw,7rem); line-height:.9; letter-spacing:-.067em; font-weight:950; }
.download-hero h1 span { color:var(--accent-strong); }
.download-hero-lead { max-width:660px; margin:28px 0 0; color:var(--muted-strong); font-size:clamp(1.12rem,1.7vw,1.42rem); line-height:1.58; font-weight:620; }
.download-primary-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.download-price-line { margin-top:17px; color:var(--muted); font-size:.83rem; }
.download-device-panel { padding:clamp(34px,4vw,54px); border:1px solid rgba(255,255,255,.7); border-radius:var(--radius-lg); background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.38)); box-shadow:var(--shadow-device); backdrop-filter:blur(18px); }
.device-icon { width:74px; height:74px; display:grid; place-items:center; border-radius:22px; background:var(--ink); color:#fff; font-size:2rem; font-weight:900; }
.download-device-panel h2 { margin:28px 0 0; font-size:clamp(2rem,3.4vw,3.2rem); line-height:1; letter-spacing:-.045em; }
.download-device-panel p { margin:15px 0 0; color:var(--muted); line-height:1.65; }
.device-meta { display:grid; gap:10px; margin-top:28px; padding-top:22px; border-top:1px solid var(--line); }
.device-meta div { display:flex; justify-content:space-between; gap:18px; color:var(--muted); font-size:.88rem; }
.device-meta strong { color:var(--ink); }
.download-options { padding:var(--section-space-tight) 0; background:var(--page-alt); }
.download-options-head { max-width:760px; margin-bottom:40px; }
.download-options-head h2 { margin:0; font-size:clamp(2.7rem,4.8vw,4.4rem); line-height:.96; letter-spacing:-.055em; }
.download-options-head p { margin:18px 0 0; color:var(--muted); }
.os-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--card-gap); }
.os-card { position:relative; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); transition:.18s ease; cursor:pointer; }
.os-card:hover,.os-card.is-selected { transform:translateY(-3px); border-color:rgba(243,196,0,.58); box-shadow:var(--shadow-soft); }
.os-card.is-selected::after { content:"Recommended"; position:absolute; right:18px; top:18px; padding:6px 9px; border-radius:999px; background:var(--accent-soft); color:#6e5700; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.os-card-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:15px; background:#eeeadf; font-size:1.45rem; font-weight:900; }
.os-card h3 { margin:24px 0 0; font-size:1.35rem; }
.os-card p { margin:9px 0 0; color:var(--muted); line-height:1.6; }
.os-card .os-link { display:inline-block; margin-top:20px; color:#806600; font-size:.86rem; font-weight:850; }
.download-mobile-band { padding:var(--section-space-tight) 0; }
.download-mobile-panel { display:grid; grid-template-columns:1fr auto; gap:44px; align-items:center; padding:clamp(40px,5vw,64px); border-radius:var(--radius-lg); background:var(--pro-bg); color:var(--pro-ink); }
.download-mobile-panel h2 { margin:0; font-size:clamp(2.6rem,4.7vw,4.4rem); line-height:.96; letter-spacing:-.052em; }
.download-mobile-panel p { margin:18px 0 0; max-width:720px; color:var(--pro-muted); }
.download-mobile-links { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.store-mini { display:inline-flex; flex-direction:column; min-width:160px; padding:12px 17px; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:#080a0c; color:white; }
.store-mini small { font-size:.65rem; opacity:.72; }.store-mini strong{font-size:1rem}
.requirements-section { padding:var(--section-space-tight) 0; }
.requirements-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(52px,8vw,110px); align-items:start; }
.requirements-copy h2 { margin:0; font-size:clamp(2.8rem,4.8vw,4.5rem); line-height:.96; letter-spacing:-.055em; }
.requirements-copy p { margin:18px 0 0; color:var(--muted); line-height:1.72; }
/* Responsive platform-specific hardware table */
.requirements-details { min-width: 0; }
.requirements-selection { font-weight: 700; color: var(--muted-strong) !important; }
.requirements-platform { margin: 0 0 16px; font-size: 1.35rem; letter-spacing: -.025em; }
.requirements-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.requirements-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.requirements-table th, .requirements-table td { padding: 17px 18px; vertical-align: top; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; line-height: 1.5; }
.requirements-table thead th { background: var(--surface-2); font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; color: var(--muted-strong); }
.requirements-table th:first-child { width: 22%; }
.requirements-table tbody th { font-size: .91rem; font-weight: 850; }
.requirements-table tbody td { font-size: .9rem; color: var(--muted-strong); }
.requirements-table tbody tr:last-child > * { border-bottom: 0; }
.requirements-table tbody tr:hover { background: rgba(243,196,0,.045); }
.requirements-note { margin: 16px 0 0; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:600px) {
  .requirements-table thead { display: none; }
  .requirements-table, .requirements-table tbody { display: block; }
  .requirements-table tbody tr { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
  .requirements-table tbody tr:last-child { border: 0; }
  .requirements-table tbody th { grid-column: 1 / -1; display: block; padding: 13px 15px 3px; border: 0; }
  .requirements-table tbody td { display: block; padding: 8px 15px 15px; border: 0; }
  .requirements-table tbody td::before { content: attr(data-label); display: block; margin-bottom: 7px; text-transform: uppercase; letter-spacing: .06em; font-size: .7rem; font-weight: 850; color: var(--muted); }
}
.download-pro-close { padding:0 0 var(--section-space); }
.download-pro-panel { display:grid; grid-template-columns:1fr auto; align-items:center; gap:44px; padding:clamp(42px,5vw,68px); border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); }
.download-pro-panel h2 { margin:0; font-size:clamp(2.4rem,4vw,3.8rem); line-height:1; letter-spacing:-.05em; }
.download-pro-panel p { margin:14px 0 0; color:var(--muted); }
.download-pro-price { text-align:right; }.download-pro-price .price{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:950;letter-spacing:-.06em}.download-pro-price small{display:block;color:var(--muted)}
@media(max-width:920px){.download-hero-grid,.requirements-grid{grid-template-columns:1fr}.os-grid{grid-template-columns:1fr}.download-mobile-panel,.download-pro-panel{grid-template-columns:1fr}.download-mobile-links{justify-content:flex-start}.download-pro-price{text-align:left}}

