:root{--download-light:#ffe1a0;--download-amber:#ffae24;--download-ink:#241500;--download-edge:#ffd06b}
.download-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;cursor:pointer;transition:box-shadow .2s,transform .2s}
.download-trigger>i{font-size:17px}.download-button-arrow{margin-left:7px;transition:transform .2s}
.download-trigger:active{transform:scale(.97)}
:is(.download-trigger,.btn[data-download-dialog]){border:1px solid var(--download-edge);border-radius:12px;background:linear-gradient(135deg,var(--download-light),var(--download-amber));color:var(--download-ink);font-weight:700;box-shadow:inset 0 1px 0 #fff8,inset 0 -2px 0 #a9620026,0 6px 24px #ffae2430}
.btn[data-download-dialog]{min-height:52px;padding:12px 22px;gap:11px}
.btn[data-download-dialog]>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#24150012;font-size:16px}
@media(hover:hover) and (pointer:fine){
  :is(.download-trigger,.btn[data-download-dialog]):hover{background:linear-gradient(135deg,#ffebbd,#ffbe4d);color:var(--download-ink);border-color:#ffe1a0;box-shadow:inset 0 1px 0 #fffb,inset 0 -2px 0 #a9620026,0 8px 30px #ffae244d}
  .download-trigger:hover .download-button-arrow{transform:translate(2px,-2px)}
}
:is(.download-trigger,.btn[data-download-dialog]):focus-visible{outline:2px solid #ffe7b8;outline-offset:4px}
/* Keep the reflection behind the label and inside each download button. */
:is(.download-trigger,[data-download-dialog]){position:relative;overflow:hidden;isolation:isolate}
:is(.download-trigger,[data-download-dialog])::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-50% auto -50% 0;width:60%;background:linear-gradient(90deg,transparent,rgba(255,228,166,.35) 25%,rgba(255,255,255,.95) 50%,rgba(255,228,166,.35) 75%,transparent);opacity:0;transform:translateX(-160%) skewX(-20deg)}
@media(prefers-reduced-motion:no-preference){
  :is(.download-trigger,[data-download-dialog])::after{animation:download-shine 5s linear 1.2s infinite}
}
@keyframes download-shine{
  0%{opacity:0;transform:translateX(-160%) skewX(-20deg)}
  3%{opacity:.85}
  18%{opacity:.85;transform:translateX(270%) skewX(-20deg)}
  20%,100%{opacity:0;transform:translateX(270%) skewX(-20deg)}
}
.download-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:38px 28px 24px;background:radial-gradient(ellipse at top left,#22313980,transparent 65%),#0d1012;color:var(--text);border:1px solid #a9c4cf38;border-radius:24px;box-shadow:0 24px 100px #000b}
.download-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}
.download-dialog[open]{animation:download-enter .22s cubic-bezier(.16,1,.3,1)}
.download-close{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;color:#aebac0;background:transparent;border:0;border-radius:50%;font-size:20px;cursor:pointer}.download-close:hover{background:#ffffff0d;color:white}
.download-eyebrow{font:10px var(--font-mono);letter-spacing:.16em;color:var(--accent)}
.download-dialog h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:11ch;margin:18px 0 12px}
.download-dialog p{color:#a7b2b8;font-size:14px;line-height:1.5}
.download-options{display:grid;gap:12px;margin-top:26px}
.download-option{display:flex;align-items:center;gap:16px;padding:20px 18px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff04;transition:background .2s,border-color .2s,transform .2s}
.download-option:hover{background:#a9c4cf10;border-color:#a9c4cf80;transform:translateY(-2px)}
.download-platform{font-size:30px;color:#e4eef2}.download-option strong{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.download-option strong span{font:9px var(--font-mono);color:var(--accent)}.download-option small{display:block;font-size:11px;color:#8e9aa2;margin-top:4px}.download-option-arrow{font-size:21px;margin-left:auto;color:var(--accent)}
.download-dialog .download-note{margin-top:22px;font-size:11px;color:#829098;text-align:center}
.download-trigger:focus-visible,.download-close:focus-visible,.download-option:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes download-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .nav-inner{gap:6px}.nav-links{gap:7px}.nav-links a{font-size:11px}
  .download-trigger{min-height:44px;padding:0 10px;gap:5px;font-size:12px;flex:none}
  .download-button-arrow,.download-trigger>i{display:none}
  .nav-cta{padding:10px 8px;font-size:11px}
  .download-dialog{padding:34px 20px 22px}.download-option{padding:18px 14px;gap:12px}
}
@media(max-width:360px){
  .nav{height:100px}.nav-inner{flex-wrap:wrap;justify-content:space-between;row-gap:4px}
  .nav-links{order:3;flex-basis:100%;justify-content:center;margin-left:0;gap:24px}
  .nav-links a{display:flex;align-items:center;min-height:32px}
  .pin-stage{padding-top:120px}body.flow .pin-stage{padding-top:120px}
}
@media(prefers-reduced-motion:reduce){.download-dialog[open]{animation:none}.download-trigger,.download-button-arrow,.download-option{transition:none}}