/* PictureNamer minimal SEO launch additions — preserves existing site style */
.pn-seo-mini-grid { margin-top: 30px; }
.pn-seo-mini-card { color: inherit; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.pn-seo-mini-card:hover { transform: translateY(-3px); border-color: rgba(82,164,255,.36); background: rgba(255,255,255,.10); }
.pn-seo-mini-card span { display:block; margin-bottom:8px; color:#bfe6ff; font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.pn-seo-hero {
  position:relative; min-height:520px; display:flex; align-items:center; overflow:hidden;
  background: linear-gradient(135deg, #0a2c55 0%, #081626 72%);
}
.pn-seo-hero::before { content:""; position:absolute; inset:0; background-image:var(--pn-hero-image); background-size:cover; background-position:center; opacity:.58; transform:scale(1.01); }
.pn-seo-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,22,38,.92) 0%, rgba(8,22,38,.74) 42%, rgba(8,22,38,.32) 100%), radial-gradient(circle at 20% 12%, rgba(82,164,255,.28), transparent 30%); }
.pn-seo-hero .pn-wrap { position:relative; z-index:1; }
.pn-seo-hero-panel { max-width:760px; padding:34px; border-radius:30px; background:rgba(8,22,38,.68); border:1px solid rgba(255,255,255,.16); box-shadow:0 20px 60px rgba(0,0,0,.32); backdrop-filter: blur(8px); }
.pn-seo-hero-panel h1 { max-width:720px; }
.pn-seo-hero-panel p { max-width:680px; }
.pn-seo-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.pn-seo-proof-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.11); border-radius:22px; padding:22px; }
.pn-seo-kicker { color:#ffd34d; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.10em; display:block; margin-bottom:10px; }
.pn-seo-steps { counter-reset: pnstep; list-style:none; padding:0; margin:24px 0 0; display:grid; gap:14px; }
.pn-seo-steps li { counter-increment: pnstep; position:relative; padding:18px 18px 18px 58px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.86); }
.pn-seo-steps li::before { content:counter(pnstep); position:absolute; left:18px; top:16px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#1370d8; color:#fff; font-weight:800; }
.pn-seo-link-band { margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }
.pn-seo-link-band a { color:#bfe6ff; font-weight:800; border:1px solid rgba(191,230,255,.24); border-radius:999px; padding:8px 13px; background:rgba(255,255,255,.05); }
@media (max-width: 980px){ .pn-seo-proof-grid{grid-template-columns:1fr;} .pn-seo-hero{min-height:460px;} .pn-seo-hero-panel{padding:26px 22px;} }