:root{font-family:Inter,system-ui,sans-serif;color:#111827;background:#eef2ff}body{margin:0;background:linear-gradient(180deg,#eef2ff,#fff 50%)}.app-shell{max-width:960px;margin:40px auto;padding:32px;border-radius:28px;background:#fff;box-shadow:0 30px 80px #0f172a1f}.hero{display:grid;gap:24px;margin-bottom:32px}.eyebrow{margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;color:#6366f1}.hero h1{margin:0;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.05}.hero p{max-width:720px;margin:18px 0 0;font-size:1.05rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid transparent}.button.primary{background:#4f46e5;color:#fff}.button.secondary{background:#fff;color:#4f46e5;border-color:#c7d2fe}section{margin-top:32px}h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}h3{margin:0 0 12px;font-size:1.25rem}p{margin:0}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}article{padding:24px;border-radius:22px;background:#f8fafc;box-shadow:0 10px 30px #0f172a14}.feature{margin-top:40px;padding:28px;border-radius:24px;background:#4f46e5;color:#fff}.feature h2{color:#fff}.contact-card{margin-top:18px;padding:24px;border-radius:20px;background:#f8fafc;box-shadow:0 12px 30px #0f172a14}a{color:inherit}a:hover{text-decoration:underline}@media (max-width: 640px){.app-shell{margin:20px;padding:24px}}