/* Значкодел.рф — сайт (домашнее использование) */
:root{--bg:#ffffff;--muted:#f8fafc;--card:#ffffff;--text:#0f172a;--sub:#475569;--primary:#7c3aed;--accent:#2563eb;--ok:#10b981;--radius:16px;--shadow:0 10px 30px rgba(2,6,23,.08);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:999px;padding:14px 20px;font-weight:700;box-shadow:var(--shadow);cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);text-decoration:none}.btn--ghost{background:#eef2ff;color:var(--primary);box-shadow:none}
.btn--app{background:linear-gradient(90deg,#10b981,#22d3ee);box-shadow:0 12px 30px rgba(16,185,129,.35)}.btn--app:hover{transform:translateY(-1px);text-decoration:none}
.badge{display:inline-block;background:#eef2ff;color:var(--primary);padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px}
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e5e7eb}
.nav__wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:900}.logo__dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}
.nav__links{display:flex;gap:18px;align-items:center}.nav__links a{color:var(--text);font-weight:600}
.nav__cta{display:flex;gap:12px;align-items:center;margin-left:12px}
.burger{display:none;flex-direction:column;gap:4px;width:32px;cursor:pointer}.burger span{height:3px;background:#0f172a;border-radius:2px}
.mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb}.mobile-menu a{display:block;padding:12px 16px;border-top:1px solid #f1f5f9;color:#0f172a}
.hero{padding:56px 0 20px;background:linear-gradient(180deg,#ffffff,#fafafa)}.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 12px}.hero p{color:var(--sub);font-size:18px;margin:0 0 22px}.hero__img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}
.section{padding:70px 0;border-top:1px solid #f1f5f9}.section h2{font-size:32px;margin:0 0 12px}.section__lead{color:var(--sub);margin-bottom:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--sub)}
.steps{display:grid;grid-template-columns:1fr;gap:16px}.steps img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;border-radius:var(--radius);border:1px solid #e5e7eb}
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.post h3{margin:0 0 8px;font-size:20px}.post p{margin:0 0 12px;color:var(--sub)}.post a{font-weight:700}
.toc{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#faf5ff,#eef2ff);padding:20px;border-radius:var(--radius);border:1px solid #e9d5ff}
.faq details{border:1px solid #e5e7eb;border-radius:var(--radius);padding:12px}.faq summary{cursor:pointer;font-weight:700}.faq details+details{margin-top:10px}
footer{padding:36px 0;background:#0f172a;color:#cbd5e1}footer a{color:#cbd5e1}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:20px;padding-top:14px;font-size:14px;color:#94a3b8}
@media (max-width: 960px){.hero__grid{grid-template-columns:1fr}.grid-3,.gallery,.blog{grid-template-columns:1fr}.nav__links{display:none}.nav__cta{display:none}.burger{display:flex}.footer__grid{grid-template-columns:1fr}.hero h1{font-size:32px}.hero p{font-size:16px}}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:#111827;color:#fff;padding:8px 12px;border-radius:8px}

/* Show header CTA on mobile too */
@media (max-width: 960px){
  .nav__cta{display:flex}
  .nav__wrap{gap:8px}
  .nav__cta .btn{padding:10px 12px;font-size:14px;white-space:nowrap}
}