/* The app download page, /app (the owner, 2026-10-15). Tokens are the home-v2 theme's own. */
.app-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;max-width:none}
.app-hero-copy h1{margin-bottom:14px}
.app-hot{color:var(--purple-soft)}
.app-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.app-actions .btn{flex:0 0 auto;min-height:50px}
.app-note{margin:14px 0 0;color:var(--muted);font-size:13px}
.app-hero-stage{position:relative;isolation:isolate;display:grid;justify-items:center;gap:22px}
.app-hero-stage:before{content:"";position:absolute;z-index:-1;inset:-6% 8%;border-radius:50%;background:radial-gradient(circle,#864ffe55,transparent 68%);filter:blur(28px)}
.app-icon{width:128px;height:128px;border-radius:30px;box-shadow:0 24px 60px #864ffe40}
.app-qr{margin:0;display:grid;justify-items:center;gap:10px;padding:16px;background:var(--panel);border:1px solid var(--stroke);border-radius:20px}
.app-qr-code{width:160px;height:160px;border-radius:12px;background:#fff;padding:8px;line-height:0}
.app-qr-code svg{width:100%;height:100%;display:block}
.app-qr figcaption{max-width:200px;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.8}

.app-facts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.app-facts>div{min-width:130px;padding:14px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--stroke)}
.app-facts dt{font-size:12px;color:var(--muted);margin-bottom:4px}
.app-facts dd{margin:0;font-size:17px;font-weight:800;color:var(--text)}
.app-facts .app-fact-hash{flex:1 1 100%}
.app-hash{display:block;font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:600;line-height:1.7;overflow-wrap:anywhere;word-break:break-all;unicode-bidi:isolate;text-align:left}
.app-hint{margin:14px 0 0;color:var(--muted);font-size:13.5px;line-height:1.95;max-width:720px}

.app-features{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.app-features li{padding:20px;background:var(--panel);border:1px solid var(--stroke);border-radius:18px}
.app-features li:first-child{grid-column:span 2;background:linear-gradient(135deg,#864ffe26,var(--panel))}
.app-features li:last-child{grid-column:1/-1}
.app-latin{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:normal;unicode-bidi:isolate}
.app-features strong{display:block;font-size:16px;margin-bottom:6px}
.app-features span{color:var(--muted);font-size:13.5px;line-height:1.9}

.app-actions .btn:focus-visible,.app-hash:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
html[data-theme=light] .app-hot{color:#7136e6}
html[data-theme=light] .app-qr{box-shadow:0 14px 40px #22213f15}

@media(max-width:900px){
  .app-hero{grid-template-columns:minmax(0,1fr);gap:28px}
  .app-hero-stage{order:-1}
  .app-qr{display:none}
  .app-icon{width:80px;height:80px;border-radius:20px}
  .app-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-features li:last-child{grid-column:auto}
}
@media(max-width:560px){
  /* Phone: the three buttons come first and fill the width. */
  .app-actions{flex-direction:column}
  .app-actions .btn{width:100%}
  .app-features{grid-template-columns:minmax(0,1fr)}
  .app-features li:first-child{grid-column:auto}
  .app-facts>div{flex:1 1 100%}
}