body{background:radial-gradient(ellipse at 50% 42%,rgba(101,66,163,.14),transparent 58%),#05040a}
.download-main{padding-top:30px;padding-bottom:74px;min-height:calc(100svh - 230px)}
.download-back{font-size:13px;color:#b9aecb}
.download-stage{position:relative;isolation:isolate;max-width:920px;margin:32px auto 0}
.download-stage::before,.download-stage::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(48px)}
.download-stage::before{width:48%;height:230px;left:-4%;top:210px;background:rgba(108,85,147,.19)}
.download-stage::after{width:36%;height:250px;right:0;top:190px;background:rgba(129,77,187,.18)}
.download-intro{text-align:center;margin-bottom:44px}
.download-intro h1{font-size:clamp(32px,4.5vw,50px);font-weight:550;letter-spacing:-.045em;margin-top:16px}
.download-lead{font-size:16px;color:#aeb5c5;margin-top:18px}
.download-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.download-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:316px;width:100%;padding:28px 30px 24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));color:#e8e6ee;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 45px rgba(0,0,0,.16);cursor:pointer;font:inherit;text-align:left;overflow:hidden;transition:transform .26s cubic-bezier(.2,.7,.3,1),border-color .24s,box-shadow .24s}
.download-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%}
.download-platform-label{font:10px ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#c4bdce}
.download-availability{font-size:11px;border:1px solid rgba(255,255,255,.13);padding:2px 9px;border-radius:999px;color:#bbb3c9;line-height:1.7}
.download-icon{width:58px;height:58px;margin:34px 0 22px;color:#f5f1fc;flex-shrink:0}
.download-platform-name{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.download-card-action{transition:color .24s,border-color .24s;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#c4bdcf}
.download-card-action>span:last-child{font-size:19px;line-height:1}
.download-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(155,87,226,.35),rgba(99,48,162,.22));opacity:0;transition:opacity .32s ease}
.download-card>*{position:relative}
.download-card[data-click-feedback]::before{opacity:1;transition-duration:.16s}
.download-card[data-click-feedback]{border-color:rgba(202,153,255,.68);box-shadow:inset 0 1px 0 rgba(237,208,255,.17),0 18px 54px rgba(84,35,136,.24)}
.download-card[data-click-feedback] .download-card-action{color:#e2c3ff;border-color:rgba(215,176,255,.22)}
.download-card:focus-visible{outline:2px solid #c084fc;outline-offset:5px;border-radius:24px}
.download-footnote{text-align:center;font-size:13px;color:#aca3ba;margin-top:28px}
.download-notice{width:min(420px,calc(100% - 36px));max-height:calc(100svh - 36px);padding:0;border:1px solid rgba(211,169,255,.32);border-radius:24px;color:#f4edf9;background:linear-gradient(135deg,rgba(57,33,78,.94),rgba(24,17,36,.94));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 32px 100px #0009}
.download-notice::backdrop{background:rgba(2,1,7,.64);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.download-notice-content{position:relative;text-align:center;padding:40px 30px 30px}
.download-notice-close{position:absolute;right:12px;top:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#d4c5e2;font:26px/1 sans-serif;cursor:pointer}
.download-notice-close:hover{background:#ffffff0d}
.download-notice-symbol{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 22px;border:1px solid #c084fc40;border-radius:16px;background:#a855f719;color:#d8b4fe;font-size:25px}
.download-notice h2{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.025em}
.download-notice p{font-size:14px;line-height:1.8;margin:12px 0 28px;color:#c3b4d4}
.download-notice-confirm{width:100%;min-height:46px;padding:10px 20px;border:1px solid #d9b7f857;border-radius:12px;background:#a270d338;color:#f1e3ff;font:inherit;font-size:14px;cursor:pointer}
.download-notice-confirm:hover{background:#a270d34d}
@media(hover:hover) and (pointer:fine){.download-card:hover{transform:translateY(-6px);border-color:rgba(211,185,239,.5);box-shadow:inset 0 1px 0 #ffffff12,0 22px 60px #0003}.download-card[data-click-feedback]:hover{border-color:rgba(220,180,255,.85)}}
@media(max-width:680px){.download-main{padding-top:20px;padding-bottom:52px}.download-stage{margin-top:24px}.download-intro{margin-bottom:30px}.download-platforms{grid-template-columns:1fr;max-width:460px;margin-inline:auto;gap:18px}.download-card{min-height:274px;padding:24px}.download-icon{width:48px;height:48px;margin:25px 0 18px}.download-platform-name{font-size:27px}.download-card-action{margin-top:20px}.download-stage::before{width:85%;left:0}.download-stage::after{width:75%;top:570px}.download-footnote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.download-card,.download-card::before,.download-card-action{transition:none}.download-card:hover{transform:none}}
