/* Text pages (download, privacy): same tokens and fonts as the visuals app */
@font-face{font-family:'Bungee';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bungee-latin.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin.woff2) format('woff2')}
:root{--ink:#050B09;--panel:#0B1814;--line:#1D342C;--fg:#E7F3EE;--muted:#A1B6AE;--hot:#1D9E75;--cyan:#4CC79B;--mint:#9FE1CB;--glow:rgba(29,158,117,.45);--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(70% 50% at 50% 0%,#0E2A20 0%,var(--ink) 70%) no-repeat,var(--ink);color:var(--fg);font:16px/1.65 "Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
a{color:var(--mint)}
.wrap{max-width:720px;margin:0 auto;padding:28px 16px 48px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}
.top a.back{font-size:14px;color:var(--muted);text-decoration:none}
.top a.back:hover{color:var(--mint)}
.logo{display:inline-grid;justify-items:center;gap:.14em;font:800 30px/1 "Plus Jakarta Sans",sans-serif;color:var(--hot);text-decoration:none}
.logo-smpl{display:flex;line-height:.9;letter-spacing:-.01em}
.logo-smpl i{display:inline-block;font-style:normal;animation:rise .7s var(--ease) both}
.logo-smpl i:nth-child(2){animation-delay:.06s}.logo-smpl i:nth-child(3){animation-delay:.12s}.logo-smpl i:nth-child(4){animation-delay:.18s}
.logo-bar{width:72%;height:.12em;border-radius:1em;background:#12735A;animation:bar .8s var(--ease) .3s both}
.logo-sub{font-weight:600;font-size:.36em;letter-spacing:.42em;margin-right:-.42em}
h1{font:400 clamp(30px,6vw,48px)/1.1 "Bungee","Arial Black",sans-serif;margin:0 0 16px;letter-spacing:.01em}
h2{font-size:18px;margin:36px 0 8px}
.lead{font-size:18px;color:var(--muted);margin:0 0 32px;max-width:52ch}
main>*{animation:up .7s var(--ease) both}
main>*:nth-child(2){animation-delay:.08s}main>*:nth-child(3){animation-delay:.16s}main>*:nth-child(4){animation-delay:.24s}
.dl{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:10px;background:var(--hot);color:var(--ink);font-weight:800;font-size:17px;text-decoration:none;transition:background-color .2s,box-shadow .25s,transform .25s var(--ease);animation:up .7s var(--ease) .16s both,pulse 2.4s ease-in-out 1.5s infinite}
.dl:hover{background:#25B587;box-shadow:0 10px 24px -10px rgba(0,0,0,.7);transform:translateY(-2px)}
.dl:active{transform:scale(.97)}
.dl svg{width:20px;height:20px}
.meta{margin:12px 0 0;font-size:14px;color:var(--muted)}
.card{margin-top:36px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.card h2{margin-top:0}
ol,ul{padding-left:1.3em;margin:0}
li+li{margin-top:6px}
kbd{font:600 13px ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.ad{position:relative;margin-top:36px;min-height:90px;padding-top:18px;border-top:1px solid var(--line)}
.ad::before{content:"Advertisement";position:absolute;top:4px;left:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
footer{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}
footer a:hover{color:var(--mint)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(.5em) scale(.8)}}
@keyframes bar{from{transform:scaleX(0)}}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--glow)}60%{box-shadow:0 0 0 12px transparent}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}