/* Home / page-specific styling */
.hero { padding-top: 40px; text-align: center; }
.hero .eyebrow { display: block; margin-bottom: 14px; }
.hero-sub { max-width: 720px; margin: 18px auto 0; font-size: 1.15rem; }
.hero-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
.hero-shot { width: 100%; max-width: 980px; margin: 44px auto 0; display: block; border-radius: 18px;
    border: 1px solid rgba(0,255,65,.2); box-shadow: 0 24px 80px rgba(0,0,0,.6), 0 0 60px rgba(0,255,65,.08); }

.gallery .shot { padding: 0; overflow: hidden; }
.gallery .shot img { width: 100%; display: block; border-top-left-radius: 18px; border-top-right-radius: 18px; }
.gallery figcaption { padding: 12px 18px; color: var(--cyber-green); font-weight: 600; }

/* Tools gallery (about page): screenshot + an explanation caption */
.tools-gallery .shot { padding: 14px; }
.tools-gallery .shot img { width: 100%; display: block; border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08); box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.tools-gallery figcaption { margin-top: 13px; color: var(--md-sys-color-on-surface-variant);
    font-size: .92rem; line-height: 1.55; }
.tools-gallery figcaption strong { color: var(--md-sys-color-on-surface); }
.tools-gallery figcaption em { color: var(--cyber-green); font-style: normal; font-weight: 700; }

.cta-band { background: radial-gradient(ellipse at center, rgba(135,0,255,.12), transparent 70%); }

/* Maintainer / about-me */
.profile { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.profile .avatar { width: 132px; height: 132px; border-radius: 50%; border: 2px solid var(--cyber-green);
    box-shadow: 0 0 30px rgba(0,255,65,.3); object-fit: cover; }
.role-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.socials { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.social-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 12px;
    background: var(--cyber-surface); border: 1px solid rgba(0,255,65,.2); color: var(--md-sys-color-on-surface); font-weight: 600; transition: .2s; }
.social-btn:hover { border-color: var(--cyber-green); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,255,65,.15); color: var(--cyber-green); }

/* Download editions */
.edition { display: flex; flex-direction: column; }
.edition .pkgcount { color: var(--md-sys-color-on-surface-variant); font-size: .85rem; margin: 4px 0 12px; }
.edition ul { list-style: none; margin: 12px 0 18px; }
.edition li { padding: 5px 0 5px 26px; position: relative; color: var(--md-sys-color-on-surface-variant); }
.edition li::before { content: 'check'; font-family: 'Material Symbols Outlined'; position: absolute; left: 0; color: var(--cyber-green); }
.edition .grow { flex: 1; }
.verify-box { background: #07090c; border: 1px solid rgba(0,255,65,.25); border-radius: 14px; padding: 20px 24px; margin-top: 10px;
    font-family: 'JetBrains Mono', monospace; overflow-x: auto; }
.verify-box code { color: var(--cyber-green); white-space: pre; }
.warn { border-left: 3px solid #ffb020; background: rgba(255,176,32,.08); padding: 14px 18px; border-radius: 10px; color: #ffd591; }