.swarm-page #header { background: rgba(10,12,16,.95); padding: .5rem 0; }
.swarm-page .app-icon-large img { width:150px; height:150px; object-fit:contain; }
.swarm-page h1 { font-size:clamp(2.5rem,7vw,4rem); }
.swarm-page .swarm-eyebrow { color:var(--accent); font-size:.8rem; letter-spacing:.14em; margin:1.5rem 0 .5rem; }
.swarm-page .swarm-download { margin-top:2rem; }
.swarm-page .swarm-meta { color:var(--text-secondary); font-size:.85rem; margin-top:1rem; }
.swarm-page .swarm-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; margin-top:1.25rem; }
.swarm-page .swarm-links a,.swarm-page .swarm-panel a,.swarm-page footer a { color:var(--accent); text-underline-offset:3px; }
.swarm-page .swarm-links a { padding:4px 0; }
.swarm-page .swarm-share { text-align:center; margin-top:2rem; }
.swarm-page #share-status { min-height:1.5em; margin-top:.5rem; }
.swarm-page .swarm-screenshots { max-width:1000px; margin-top:2rem; display:grid; gap:24px; }
.swarm-page figure { margin:0; }
.swarm-page figure img { width:100%; height:auto; display:block; border:1px solid var(--card-border); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.4); }
.swarm-page figcaption { color:var(--text-secondary); text-align:center; margin-top:12px; }
.swarm-page .swarm-overview { max-width:800px; margin-top:4rem; padding-bottom:4rem; }
.swarm-page .swarm-panel { padding:2rem; background:rgba(255,255,255,.05); border-radius:12px; line-height:1.9; }
.swarm-page .swarm-panel h3 { color:var(--accent); margin:2rem 0 .75rem; font-size:1.2rem; }
.swarm-page .swarm-panel p { margin-bottom:1rem; }
.swarm-page .swarm-panel ul,.swarm-page .swarm-panel ol { margin-left:1.5rem; color:var(--text-secondary); }
.swarm-page .swarm-panel li { margin-bottom:.75rem; }
.swarm-page .swarm-panel .swarm-links { justify-content:flex-start; margin-bottom:1rem; }
.swarm-page .swarm-use-cases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:1rem 0; }
.swarm-page .swarm-use-cases h4 { margin-bottom:.5rem; }
.swarm-page .swarm-checksum { overflow-wrap:anywhere; color:var(--text-secondary); font-size:.85rem; }
.swarm-page .swarm-all-projects { text-align:center; margin-top:30px; }
@media(max-width:600px){.swarm-page .swarm-panel{padding:1.25rem}.swarm-page .swarm-use-cases{grid-template-columns:1fr}.swarm-page .nav-links{gap:12px}.swarm-page .btn{max-width:100%;white-space:normal}.swarm-page .swarm-links{gap:12px 16px}}