.download-page [hidden] { display: none !important; }
.download-hero { position: relative; isolation: isolate; padding: 162px max(28px,5vw) 78px; overflow: hidden; }
.download-light { position: absolute; z-index: -2; inset: 0; pointer-events: none; background: radial-gradient(ellipse 55% 36% at 50% 44%,#61367466,transparent 100%),radial-gradient(ellipse 35% 40% at 80% 62%,#ff6b9d1e,transparent 100%),radial-gradient(ellipse 40% 30% at 16% 75%,#6ecdff12,transparent 100%); mask-image: linear-gradient(#000 75%,transparent); }
#download-particles { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.download-heading { text-align: center; position: relative; }
.download-heading .eyebrow { justify-content: center; font-size: 9px; letter-spacing: .24em; }
.download-heading h1 { font: 200 clamp(45px,5.5vw,88px)/1.25 var(--sans); letter-spacing: .06em; margin-top: 25px; }
.download-heading h1 em { background: none; color: var(--bone); }
.download-lead { margin-top: 26px; font-size: 14px; color: var(--mute); line-height: 1.95; }
.download-options { max-width: 1180px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin: 65px auto 0; scroll-margin-top: 115px; }
.download-card { min-width: 0; padding: 26px 27px 23px; border: 1px solid #a78bfa30; border-radius: 16px; background: linear-gradient(150deg,#1c1424eb,#0b0b13f5 80%); box-shadow: 0 24px 65px #0003; position: relative; transition: border-color .5s,box-shadow .5s; }
.download-card:before { content: ''; position: absolute; top: -1px; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg,transparent,#a78bfa70,transparent); }
.download-card:hover { border-color: #a78bfa66; box-shadow: 0 20px 70px #a78bfa12; }
.card-caption { display: flex; justify-content: space-between; gap: 8px; font: 9px/1.6 var(--mono); letter-spacing: .035em; color: var(--dim); }
.os-icon { width: 35px; height: 35px; margin-top: 27px; color: #c4b2e8; }
.os-icon svg { width: 100%; height: 100%; }
.terminal-icon { font: 26px/35px var(--mono); letter-spacing: -2px; }
.download-card h2 { font: 300 33px/1.3 var(--sans); letter-spacing: -.02em; margin-top: 19px; }
.card-description { min-height: 64px; font-size: 13px; line-height: 1.9; margin-top: 14px; color: var(--mute); }
.package-meta { display: flex; justify-content: space-between; gap: 10px; color: var(--dim); font-size: 10px; margin: 25px 0 14px; }
.package-download { width: 100%; min-height: 48px; font-size: 13px; padding: 12px 14px; justify-content: space-between; gap: 10px; white-space: normal; text-align: left; }
.download-card .button.primary:hover { box-shadow: 0 5px 35px #a78bfa66; }
.copy-button { min-height: 36px; font-size: 10px; color: var(--mute); padding: 10px 0; display: inline-flex; align-items: center; gap: 8px; }
.copy-button:hover { color: var(--bone); }
.secondary-download { display: flex; align-items: center; justify-content: space-between; gap: 3px 9px; flex-wrap: wrap; margin-top: 4px; }
.secondary-download>a { font-size: 12px; color: var(--bone); min-height: 36px; display: inline-flex; align-items: center; gap: 10px; }
.secondary-download .copy-button { font-size: 9px; }
.mac-selection-ready .mac-download-fallback { display: none; }
.mac-chip-status,.mac-picker-label { font-size: 10px; line-height: 1.8; color: var(--mute); margin: 0 0 10px; }
.mac-chip-status { color: #c6b4e8; }
.mac-chip-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.chip-choice { text-align: left; border: 1px solid #a78bfa44; border-radius: 9px; min-height: 65px; padding: 10px 12px; background: #a78bfa09; font-size: 12px; transition: background .3s,border-color .3s; }
.chip-choice small { display: block; color: var(--dim); font-size: 9px; margin-top: 3px; }
.chip-choice:hover,.chip-choice[aria-pressed=true] { border-color: var(--violet); background: #a78bfa20; }
.chip-change { color: #c6b4e8; }
#mac-recommendation+#mac-chip-picker { margin-top: 9px; }
.chip-help { font-size: 10px; color: var(--dim); line-height: 1.8; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 10px; }
.command-box { padding: 13px 14px; border: 1px solid var(--line); border-radius: 7px; background: #04040880; margin: 20px 0 14px; }
.command-box label { display: block; color: var(--dim); font-size: 9px; margin-bottom: 8px; }
.command-box textarea { width: 100%; display: block; border: 0; background: transparent; resize: none; padding: 0; color: #d5c4ef; font: 12px/1.8 var(--mono); word-break: normal; }
.command-box textarea:focus-visible, #copy-fallback:focus-visible { outline: 1px solid var(--violet); outline-offset: 3px; }
.copy-feedback { max-width: 1180px; margin: 13px auto 0; font-size: 12px; color: var(--bone); }
#copy-status { min-height: 23px; text-align: center; }
#copy-fallback-box { padding: 18px; border: 1px solid #a78bfa55; background: var(--surface); border-radius: 10px; max-width: 650px; margin: 14px auto; }
#copy-fallback-box label { font-size: 11px; color: var(--mute); }
#copy-fallback { width: 100%; resize: vertical; padding: 12px; margin-top: 10px; background: var(--void); color: var(--bone); border: 1px solid var(--line); border-radius: 5px; font: 12px/1.7 var(--mono); }
.download-footnote { max-width: 1180px; margin: 17px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; font-size: 10px; color: var(--dim); }
.download-footnote>span:first-child { display: flex; align-items: center; gap: 8px; }
.download-footnote a:hover { color: var(--bone); }
.install-guide { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-top: 110px; padding-bottom: 120px; border-top: 1px solid var(--line); }
.guide-heading h2 { font: 300 43px/1.45 var(--sans); margin-top: 20px; }
.guide-heading .text-link { margin-top: 28px; }
.guide-steps { list-style: none; margin: 0; padding: 0; }
.guide-steps li { display: flex; gap: 23px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.guide-steps li:first-child { padding-top: 0; }
.guide-steps li>span { color: var(--violet); font: 10px/2.5 var(--mono); }
.guide-steps h3 { font-size: 16px; font-weight: 400; }
.guide-steps p { font-size: 13px; color: var(--mute); margin-top: 10px; line-height: 1.95; }
.download-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-bottom: 130px; }
.download-questions h2 { font-size: 26px; font-weight: 300; }
.question-list details { border-bottom: 1px solid var(--line); }
.question-list summary { cursor: pointer; min-height: 58px; padding: 15px 22px 15px 0; font-size: 13px; }
.question-list summary:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
.question-list p { font-size: 12px; color: var(--mute); line-height: 1.95; padding-bottom: 20px; }
.question-list p a { color: #c8b5ea; }
.download-heading { animation: hero-arrive 1.3s var(--ease) both; }
.download-card { animation: hero-arrive 1.1s var(--ease) both; animation-delay: .12s; }
.download-card:nth-child(2) { animation-delay: .22s; }
.download-card:nth-child(3) { animation-delay: .32s; }
.download-paused .download-heading,.download-paused .download-card { animation: none; }
@media (min-width:801px) and (max-width:1120px) {
  .download-page .site-header nav { gap: 15px; }
  .download-page .brand small { display: none; }
  .download-options { gap: 14px; }
  .download-card { padding: 22px 19px; }
  .card-caption { font-size: 8px; }
}
@media (max-width:800px) {
  .download-page .site-header { padding: 0 22px; }
  .download-page .brand small { display: none; }
  .download-page .header-actions { gap: 8px; }
  .download-page .download-button { font-size: 11px; min-height: 36px; padding: 8px 13px; gap: 8px; }
  .download-page .motion-button { width: 34px; height: 34px; }
  .download-page .menu-button { margin-left: auto; flex-shrink: 0; }
  .download-hero { padding: 139px 23px 66px; }
  .download-heading h1 { font-size: clamp(36px,8.8vw,58px); letter-spacing: .025em; }
  .download-heading .eyebrow { font-size: 8px; letter-spacing: .12em; }
  .download-lead { font-size: 12px; margin-top: 20px; }
  .download-options { grid-template-columns: 1fr; gap: 20px; max-width: 440px; margin-top: 43px; }
  .download-card { padding: 24px; }
  .download-card h2 { font-size: 31px; margin-top: 17px; }
  .card-description { min-height: 0; }
  .download-footnote { flex-direction: column; align-items: flex-start; gap: 12px; max-width: 440px; }
  .copy-button { min-height: 44px; }
  .install-guide,.download-questions { grid-template-columns: 1fr; gap: 40px; padding-left: 25px; padding-right: 25px; }
  .install-guide { padding-top: 70px; padding-bottom: 80px; }
  .guide-heading h2 { font-size: 35px; }
  .download-questions { padding-bottom: 75px; }
  .download-light { background: radial-gradient(ellipse 110% 24% at 50% 28%,#61367466,transparent 100%),radial-gradient(ellipse 95% 32% at 50% 70%,#a78bfa18,transparent 100%); }
}
@media (prefers-reduced-motion:reduce) {
  .download-heading,.download-card { animation: none; }
}