.download { padding: 100px 0 120px; }
.download-card { position: relative; overflow: hidden; min-height: 560px; border: 1px solid rgba(255,255,255,.08); border-radius: 38px; background: var(--inverse, #171816); color: var(--on-inverse, #fff); padding: 64px; display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: center; }
.download-card::before { content: ""; position: absolute; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(223,255,54,.3), transparent 66%); right: -240px; top: -270px; }
.download-card h2 { margin: 12px 0 18px; font-size: clamp(52px, 6vw, 82px); line-height: .92; letter-spacing: -.07em; max-width: 760px; }
.download-card p { color: rgba(255,255,255,.66); font-size: 16px; line-height: 1.65; max-width: 650px; }
.download-card .button-light { color: var(--ink); background: white; }
.download-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; }
.download-points span { padding: 9px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-size: 10px; }
.download-phone { position: relative; z-index: 2; width: 300px; height: 470px; margin: 0 auto; border-radius: 42px; padding: 10px; background: #0c0d0a; transform: rotate(5deg); box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.download-screen { height: 100%; border-radius: 34px; background: var(--paper-2); color: var(--ink); padding: 44px 22px 20px; display: flex; flex-direction: column; justify-content: space-between; }
.download-screen h3 { font-size: 31px; line-height: .98; letter-spacing: -.06em; margin: 12px 0; }
.download-screen p { color: var(--muted); font-size: 11px; line-height: 1.5; }
.download-screen .scan { background: var(--acid); border-radius: 17px; padding: 15px; }
.download-screen .scan b { font-size: 12px; display: block; }
.download-screen .scan small { font-size: 8px; color: #4d5144; }
footer { padding: 58px 0 32px; border-top: 1px solid var(--line); background: var(--paper-2); }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(4,1fr); gap: 32px; }
.footer-brand p { color: var(--muted); font-size: 12px; max-width: 300px; line-height: 1.6; }
.footer-col h4 { font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; margin: 0 0 16px; }
.footer-col a { display: block; color: var(--muted); font-size: 12px; margin: 10px 0; }
.footer-col a:hover { color: var(--ink); }
.footer-bottom { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 10px; }
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }
@keyframes pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.72); opacity: .65; } }
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes float { 0%,100% { transform: translateY(0) rotate(1deg); } 50% { transform: translateY(-12px) rotate(-1deg); } }
@keyframes ticker { to { transform: translateX(-50%); } }