/* Usersoft.tech custom styles */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }

.hero-grid-bg {
  background-image:
    radial-gradient(circle at 25% 10%, rgba(255,255,255,.18) 0, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(255,255,255,.12) 0, transparent 40%),
    linear-gradient(180deg,#4f46e5 0%,#312e81 100%);
}
.prose-article p { margin-bottom: 1rem; line-height: 1.75; color:#334155; }
.prose-article h2 { font-size:1.4rem; font-weight:700; margin:1.5rem 0 .75rem; color:#0f172a; }
.prose-article h3 { font-size:1.15rem; font-weight:600; margin:1.25rem 0 .5rem; color:#0f172a; }
.prose-article ul { list-style: disc; padding-left:1.25rem; margin-bottom:1rem; color:#334155; }
.prose-article ol { list-style: decimal; padding-left:1.25rem; margin-bottom:1rem; color:#334155; }
.prose-article a { color:#4f46e5; text-decoration: underline; }

.btn-primary { background:#4f46e5; color:#fff; padding:.75rem 1.25rem; border-radius:.75rem; font-weight:600; display:inline-flex; align-items:center; gap:.5rem; transition:.2s; }
.btn-primary:hover { background:#4338ca; transform: translateY(-1px); }
.btn-ghost { background:#fff; color:#4f46e5; padding:.75rem 1.25rem; border-radius:.75rem; font-weight:600; border:1px solid #e2e8f0; }

.input-field { width:100%; padding:.85rem 1rem; border:1px solid #e2e8f0; border-radius:.75rem; outline:none; transition:.2s; background:#fff; }
.input-field:focus { border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.15); }

.tool-shell { max-width: 56rem; margin: -2rem auto 0; padding: 0 1rem; position: relative; z-index: 2; }
.tool-card-main { background:#fff; border:1px solid #e2e8f0; border-radius:1.25rem; padding:1.5rem; box-shadow:0 10px 30px -10px rgba(15,23,42,.1); }